The Design System
System sections
Colors
Brand palette, text hierarchy, surfaces, borders, and content-type color pairs.
Typography
Four-font system: Space Grotesk, Inter Tight, Source Serif 4, JetBrains Mono.
Spacing & Layout
4px-base spacing scale, border radius tokens, elevation shadows.
Motion
Duration and easing tokens. Animated demos of each transition curve.
Voice & Tone
Editorial guidelines, style rules, channel formats, and the forbidden-words list.
Components
Button, Badge, and Card — live demos with token annotations.
AI
For AI agents
This site is structured for LLM consumption. Point an agent at /for-ai for a machine-readable summary, or fetch /tokens.json for the full DTCG token file.