foundations
The raw materials.
Tokens, type, grid, motion. Every component is built from these primitives. Change them once and the whole system shifts.
color01
Color
Zinc neutrals + brand accent. Primitives, accents, and semantic tokens that components consume.
29 tokens→
typography02
Typography
Three families. Newsreader serif for headlines, JetBrains Mono for UI, Inter for prose. Ten size tokens.
10 tokens→
spacing03
Grid & Spacing
12-column grid, 24px gutter, 1280px max. Base spacing scale from 4px to 96px.
9 tokens→
motion04
Radius & Motion
Soft corners (6–24px). Fast transitions (120–320ms). Shimmer for skeletons. Respects reduced-motion.
9 tokens→