Skip to content

Style guide

Every token and component the site actually uses, in one place. If something new wants to be added here, something old should probably retire — coherence is a small vocabulary, strictly kept.

Color

cream-50 (page)

cream-100 (raised)

sage-100 (panel)

sage-200

sage-600

moss-800 (heading)

clay-400

clay-600 (accent)

rose-300

Type

Fraunces — display

Atkinson Hyperlegible Next — body, 18px, 1.65 line-height.

Lead

This is a lead paragraph — it could be the whole page.

Evidence tags

strong evidencemoderate evidencepreliminary evidencepractitioner-reportedcontested

Asides

Go deeper

Curious? Go deeper →

Optional depth — one disclosure level, never essential content.

Next steps (the exit ritual)