Design System · Spacing

base unit

4px Grid

1 unit = 4px. All spacing values are multiples of this base.

scale

Spacing Steps

×1 4px

×2 8px

×3 12px

×4 16px

×6 24px

×8 32px

×12 48px

×16 64px

×24 96px

×32 128px

padding demo

Applied Padding

content

xs padding: 4px

content

sm padding: 8px

content

md padding: 16px

content

lg padding: 24px

content

xl padding: 32px

content

2xl padding: 48px