Design System
The tokens behind this site. One typeface, Switzer, chosen for readability. Headings track at -2px, descriptions at -0.6px. Everything else derives from a 4px grid.
Typography
DM Sans for all UI text: a low-contrast geometric sans that stays legible from 12px labels up to display headlines. Space Grotesk handles display numerics, where its distinctive figures give the metrics character the body face deliberately avoids.
Color
Warm paper neutrals, near-black ink, one cobalt accent. Semantic tokens map onto these primitives so the palette can change without touching components.
Spacing
A 4px base scale. Sections breathe at 96 to 160, components at 24 to 32, details at 4 to 12.
Components
Buttons, badges, tags, and cards. All read exclusively from tokens.
Surface component
Raised surface with 1px border, 20px radius, and token-driven spacing. Lifts on hover with a layered shadow.