foundations

The raw materials.

Tokens, type, grid, motion. Every component is built from these primitives. Change them once and the whole system shifts.

Zinc neutrals and one brand. Surfaces, inks and accents, measured live for your theme.

Three families. Newsreader serif for headlines, JetBrains Mono for UI, Inter for prose. Ten size tokens.

12-column grid, 24px gutter, 1280px max. Base spacing scale from 4px to 96px.

Soft corners from 6 to 24px. Motion with a job: entrances, counters, light. Always a reduced-motion path.

Inks measured in every theme, focus, the skip link, reduced motion, screen reader patterns.

The do and don't list, each one written after a real bug.

Money in minor units, plain dates, changes with a sign, the series palette, loading and empty states.