Every brand here was composed by a skill.

01Brand Overview

Every rule downstream of this page is an argument, and the overview is its premise. A brand book that opens with fonts is a style file; one that opens with who the brand serves and what it refuses to be can settle disputes.

What to decide here: the 3–6 personality adjectives — each with a sentence of meaning, because an undefined adjective is decoration — and the construction principles the visual world must obey.

02Logo & Variants

A logo system is less about the mark and more about its survival: the backgrounds it must sit on, the smallest size at which it still reads, the clear space that keeps neighbors from crowding it. Golden-ratio construction grids are common not because the ratio is magic but because a stated geometry makes every future redraw consistent.

The interesting question is what the mark encodes. The strongest icons carry the message in their negative space or construction — an arrow hidden between letters outlives any gradient trend.

No logo yet? Scaffold the rules anyway — variants, clear space, minimum sizes — as loud placeholders. Never let a description invent artwork.

03Color

Color is the most studied decision in the book. Hue carries measured associations, but saturation and darkness do more positioning work than hue does: darker, desaturated palettes read heritage and authority; bright, saturated ones read energy and youth.

Decide from a ramp, not a swatch: each primary gets named tint steps so hover states and backgrounds are picked, never eyeballed. And check contrast ratios honestly — WCAG AA is the floor, and a pairing table that records failures is worth more than one that hides them.

04Typography

Type positions a brand faster than color. A high-contrast serif borrows fashion-house authority; a geometric sans borrows product neutrality; a mono voice says the brand lives near code. The pairing is the decision — the hierarchy is just its arithmetic.

Spec the hierarchy as tokens (sizes, weights, line heights), confirm the license, and write the misuse list. Faux bold and stretched type are how brand books die in the field.

05Iconography

The choice is rarely custom-versus-library; it is whether the configuration is yours. A stroke weight, a grid size, and a corner language applied consistently make a stock library unmistakably branded.

06Photography

Art direction is a contract with photographers you have not met. Qualities ("candid, warm, high-contrast") only work when each carries a sentence of meaning and a do/don't pair a stranger could act on.

07Mascots & Characters

If a brand has characters, the section is a consistency contract: the roster, each character's one-line role, and the art direction that keeps them recognizable across artists who will never meet. Usage boundaries matter as much as looks — marketing yes, legal pages no.

If a brand has no characters, saying so explicitly is part of the system. An absent section is a bug; a declared absence is a rule.

08UI Components

The bridge from book to product. Buttons, cards, and inputs rendered live from the tokens — real hover states, visible focus rings — prove the system works before a product team bets on it.

09Shadows & Borders

Elevation is a language, and its accent is a brand decision: soft ambient shadows whisper product polish; hard offset shadows shout print heritage; no shadows at all says the surfaces themselves do the work. Whichever it is, name the levels and define exact values.

The radius scale is the quiet personality setting — sharp corners, soft corners, and pills are three different brands wearing the same colors.

10Motion

Motion is personality with a timestamp: snappy, bouncy, or calm resolves into 2–3 named easing curves, a duration scale, and the handful of patterns the brand actually uses. A motion page must move — a table of bezier values proves nothing.

The accessibility stance is part of the spec: prefers-reduced-motion is respected, and the section says how. And the brand's documents must survive with no motion at all — a page that needs JavaScript to become visible is a failure this gallery has already archived once.

11Layout

Spacing is the invisible brand. A stated scale (a 4px or 8px base and its steps) and a grid with a declared attitude toward asymmetry keep a hundred future pages feeling like one hand made them.

12Voice & Tone

Voice is a character, not a vibe: written as one ("smooth, brief, never winks"), it can be performed consistently by anyone. The vocabulary lists — words always in, words never out — are the enforcement mechanism.

13AI Policy

New to the rubric, and soon unavoidable: brands will be AI-first, AI-native, AI-assisted, or deliberately AI-free, and audiences read an absent stance as evasion. The section declares the position, the disclosure rule, where AI may and may not touch the work, and what contractors are permitted.

Transparency is the point. Whichever stance a brand takes, the screenshot-able page is the one that states it plainly.

14Sub-brands & Ecosystem

Multi-brand organizations need an architecture before they need assets: what is the parent, what is endorsed, what merely coexists. The coding system — a color per division, a mark variant, a naming pattern — is how a stranger tells siblings apart without a org chart.

The hard part is the boundary: the shared core no sub-brand may deviate from (usually the tokens and the logo rules), and the deviations that are allowed, each recorded explicitly.

15Asset Naming & Governance

The operational tail keeps the system alive: a file-naming convention with worked examples, delivered formats per asset type, and — most importantly — where the truth lives. The governance statement names the single source and the direction changes propagate.

A brand book that can silently drift from what teams actually ship will eventually lie. The cure is structural: consumers read the tokens, and the tokens are generated from the spec.