← Living Brand index

The Living Styleguide

Typography · theme-independent · the constant across every theme
Shared
01

Core families

Loaded on every page, every theme, as the preferred default — substitutable when the desired output calls for it, per typography-styleguide.md §1. Fraunces for authority, Inter for legibility, JetBrains Mono for the technical/metadata register.
Display serif
Aa
Fraunces
h1, h2, titles, card names. Fallback: Georgia (wider — re-check fit).
Sans
Aa
Inter
body, ledes, list items, card copy, badges.
Mono
Aa
JetBrains Mono
eyebrows, labels, section numbers, code.
02

Type scale

The editorial scale (light/dark). The slideshow theme uses a larger presentation scale — see its guide. Sizes shown are the ceiling of the responsive clamp.
h1 · Fraunces 600 · clamp→60Money, on the level
h2 · Fraunces 600 · 29A section heading
h3 · Fraunces 600 · 19A card name
mechanism · Inter 500 · 17The one-line thesis that bridges head and body.
body · Inter 400 · 15Body copy, capped at 700–720px so lines stay readable.
eyebrow · Mono · .14emCategory label
03

The cursive hero family

Five faces now, chosen by the feeling the page should carry — corrected from "four," the count before Caveat was confirmed. Two workhorses (Great Vibes, Alex Brush) and two specialists (Allura, Parisienne) for general use; Great Vibes is the default among those four — best capital and most versatile. Caveat is the fifth, the dark theme's own default hero, decided (not just used) per §04a below.
Great Vibesworkhorse · default
Generation
Refined, authoritative.
Flagship / conceptual pages. Best capital G. Unsure → this.
Alex Brushworkhorse
Generation
Energy, confidence.
Pages about action, momentum, a bold claim.
Alluraspecialist
Generation
Warmth, ease.
Topics that could intimidate; welcoming intros.
Parisiennespecialist
Generation
Charm, personality.
A human moment; a personal note or story.
Caveatdark-theme hero
Generation
Warm, casual, hand-drawn.
The dark theme's default hero. Friendly, approachable.
04

The hero rule

How a cursive accent word is set, applied live below. Five-second choice: is the page a system (workhorse) or a voice (specialist)?
Cursive accent word · accent color · no brush · punctuation carries the face
The 22 failure modes are not 22 problems. They are five.
They should know one: the post office.
Trailing punctuation attached to the accent word takes the cursive face and accent color with it — five. and one:, not a typeset period snapped back to serif.
04a

The Caveat hero rule, decided

Settled by direct comparison, not assumed: caveat-hero-lock.html trialed three treatments (brush+color, no-brush, brush+plain-ink) against real headlines; caveat-hero-colored.html — titled "THE RULE," not a proposal — is the winner. No brush. Accent color. That's the whole rule, and it now has five real headlines behind it, not two.
Five real headlines, the decided treatment
The 22 failure modes are not 22 problems. They are five.
Your agents should not know each other's addresses. They should know one: the post office.
Complexity is earned, not adopted.
To the model, everything is text in one channel.
Guard the root, cover the whole group.
Color range — the same word, all eight accents, to confirm the rule generalizes
Generation Guard Graph Memory Signal Root Doubt Context
Rejected, not just unused: caveat-hero-lock.html tested two brush-highlight variants (in color and in plain ink) alongside this one. Neither source file states *why* no-brush won — only that it did. Don't invent a rationale here; if the reasoning matters, that's a question for whoever made the call, not something to backfill.
Created for you, with ❤️ by Robert Evans · The AI Design Architect