Spacing
We use spacing to create clear, balanced layouts that improve readability and visual hierarchy.
| Token | Value | Example |
|---|---|---|
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 |