Spacing & Layout
FoundationConsistent spacing tokens following an 8-point grid system, plus radius and shadow scales for depth.
Spacing Scale
space-1
4px
p-1
space-2
8px
p-2
space-3
12px
p-3
space-4
16px
p-4
space-5
20px
p-5
space-6
24px
p-6
space-8
32px
p-8
space-10
40px
p-10
space-12
48px
p-12
space-16
64px
p-16
Radius Scale
Extra Small
4px
Small
6px
Medium
8px
Large
12px
Extra Large
16px
2X Large
20px
Pill / Full
9999px
Shadow Scale
shadow-xs
shadow-sm
shadow-md
shadow-lg
shadow-xl
shadow-brand
shadow-card