Foundations
Spacing & Radius
The spacing scale, corner radii, and icon sizes.
Spacing runs a t-shirt scale (2xs → 8xl, 2–72px). Radii run border-radius/1–9:
4, 6, 8, 12, 14, 16, 20 and 24px, then 9 for the pill (1200px). Icon sizes run xs 8px
→ 5xl 56px; a 2D glyph sits inset inside its box (an xl 24px box draws a 20px glyph).
Section slots stack on a tight 4px gap.
Spacing
2xs
2px
xs
4px
sm
8px
md
12px
lg
16px
xl
20px
2xl
24px
3xl
32px
4xl
40px
5xl
48px
6xl
56px
7xl
64px
8xl
72px
Border radius
1 · 4px
2 · 6px
3 · 8px
4 · 12px
5 · 14px
6 · 16px
7 · 20px
8 · 24px
9 · 1200px
Icon sizes
xs · 8px
sm · 12px
md · 16px
lg · 20px
xl · 24px
2xl · 32px
3xl · 40px
4xl · 48px
5xl · 56px