# 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  |         |