Spacing & Radii
Spacing & Border Radii
Spacing Scale
A base-4 spacing system ensures consistent rhythm across all layouts. Use spacing tokens rather than arbitrary values.
4px
8px
12px
16px
24px
32px
48px
64px
96px
128px
Border Radii
Consistent rounding for surfaces and interactive elements.
none
0
sm
4px
md
8px
full
9999px
Elevation / Surfaces
Dark surfaces are layered to create depth without shadows. Each level uses a progressively lighter shade.