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.

Midnight
#0A0A0F
Charcoal
#141419
Slate
#1E1E26
Carbon
#202020
Storm
#2A2A35