Spacing
Spacing tokens help create visual balance and harmony in a UI.
These tokens should be used for all padding, margin, and position coordinates.
Name
Figma usage
Current value
--spacing-2xs
4px
0.25rem
--spacing-xs
8px
0.5rem
--spacing-sm
12px
0.75rem
--spacing-md
16px
1rem
--spacing-lg
24px
1.5rem
--spacing-xl
32px
2rem
--spacing-2xl
64px
4rem