flags.games

Brand Assets & Identity

Official logos, typography, color palettes, and design guidelines for flags.games.

Light Background Logo
flags.games flags.games
Dark Background Logo
flags.games flags.games

Guidelines & Wordmark casing

In copy, always refer to the game as flags.games in all lowercase. Avoid capitalization (e.g. Flags.games, Flags Games) unless it begins a sentence, though starting a sentence with a lowercase "flags.games" is also preferred.

flags.games

Color Palette

Primary

Dominant brand color, used for primary actions, titles, and buttons.

OKLCH
HEX

Secondary

Accent color, used for warnings, special highlights, and achievements.

OKLCH
HEX

Background (Light)

Canvas background in light mode.

OKLCH
HEX

Background (Dark)

Canvas background in dark mode.

OKLCH
HEX

Card (Light)

Surface card container color in light mode.

OKLCH
HEX

Card (Dark)

Surface card container color in dark mode.

OKLCH
HEX

Typography

Type something below to preview how our custom font stacks render in real-time.

Fredoka

Primary display font. Bubbly, friendly, and rounded.

font-sans
flags.games
Fallback: sans-serif. Used for: Main game logos, giant buttons, and victory headings.

Fraunces

Editorial display font. High-contrast, elegant, and classy.

font-stack-fraunces
flags.games
Fallback: Georgia, serif. Used for: Subheadings, article headers, contact layout title, and legal section titles.

DM Sans / Inter

UI and body text font. Clean, geometric, and highly readable.

font-stack-inter
flags.games
Fallback: ui-sans-serif, system-ui, sans-serif. Used for: Body paragraphs, lists, card descriptions, settings, and general interface labels.