Foundations

Spacing

4px-based scale for layout and components

A scale based on multiples of 4px that governs gaps, padding and margins across the system. The bar shows the real size of each token.

--space-44px
--space-88px
--space-1212px
--space-1616px
--space-2020px
--space-2424px
--space-2828px
--space-3232px
--space-3636px
--space-4040px
--space-4848px
--space-5656px
--space-6464px
--space-8080px