Display
88 / 96, weight 850, desktop-only hero emphasis.
Design tokens
Every custom property has a job.
The route mirrors `assets/design-system/tokens.md`; the markdown file is the compact source for future agents.
Typography
Nine documented sizes.
H1
72 / 88 desktop, 52 / 62 tablet, 42 / 52 mobile.
H2
42 / 50 desktop, 34 / 42 tablet, 28 / 36 mobile.
H3
26 / 34 for large component headings.
H4
21 / 30 for compact component headings.
Body
17 / 28 for readable prose.
Lead
22 / 34 desktop, 19 / 30 mobile.
Caption
14 / 20 for labels, captions, and metadata.
Micro
12 / 16 for bounded utility labels.
Spacing
Eight spacing tokens and three containers.
| Scale | Values | Containers |
|---|---|---|
| 4, 8, 12, 16, 24, 32, 48, 88 | --space-4 through --space-88 | 760 narrow, 1060 content, 1180 wide |