Base unit is 4px. All spacing values are multiples of this base.
space-1
4px
Tight — icon padding, badge insets
space-2
8px
Small — input padding, tight gaps
space-3
12px
Default inline spacing
space-4
16px
Base — default padding, card insets
space-5
24px
Medium — section gaps, form fields
space-6
32px
Large — card margins, panel padding
space-7
48px
XL — section separation
space-8
64px
XXL — hero/page-level spacing
space-9
96px
Layout — major section breaks