Skip to content

Spacing

We use spacing to create clear, balanced layouts that improve readability and visual hierarchy.
TokenValueExample
spacing2
2px
spacing4
4px
spacing6
6px
spacing8
8px
spacing10
10px
spacing12
12px
spacing14
14px
spacing16
16px
spacing18
18px
spacing20
20px
spacing24
24px
spacing28
28px
spacing32
32px
spacing36
36px
spacing40
40px
spacing44
44px
spacing48
48px
spacing52
52px
spacing56
56px
spacing60
60px