Three stacks. Dramatic scale. Serif screams. Mono labels. Sans reads. The type system creates hierarchy through family contrast, not just size.
Serif — Georgia — Display & Headlines
Georgia, 'Times New Roman', 'Palatino Linotype', serif
Weight: 400 only — no bold serif. Let size do the work.
Mono — SF Mono — Labels, Stamps, Code, Body-alt
'SF Mono', SFMono-Regular, 'Cascadia Code', Consolas, 'Liberation Mono', Menlo, monospace
Weights: 400 (body) and 700 (badges, commands)
Sans — Avenir Next — Body Text
'Avenir Next', 'Avenir', system-ui, -apple-system, 'Segoe UI', sans-serif
Weight: 400 only. Color: var(--dim) for body, var(--black) for lead.
The Scale
In Context — Article Layout
Every AI-generated site converges on the same palette, the same layout, the same voice. Design Substrate gives your AI a vocabulary — so your work looks like yours.
The output is a git repo that IS your design system. ZERO DEPS