03 · Spacing

One scale. Three densities. Same data.

The 4-pixel base scale powers every gap, padding, and inset in the system. Every spacing token, in full, below.

Team members

14 active · 3 invited

Akira Brennan

akira@compound.co

Adminjust nowactive

Leila Garza

leila@compound.co

Editor2h agoactive

Tom Parker

tom@compound.co

Viewer4d agoinvited

Sasha Chen

sasha@compound.co

Editor1w agoactive

Min-jun Kim

min@compound.co

Viewer3w agoinactive

--space-150: 12px--space-150: 12px--space-400: 32px

Composed tokens

--space-card-padding: 32px

--space-input-padding-x: 16px

space-0

0px

var(--space-0)

space-010

1px

var(--space-010)

space-025

2px

var(--space-025)

space-050

4px

var(--space-050)

space-100

8px

var(--space-100)

space-150

12px

var(--space-150)

space-200

16px

var(--space-200)

space-300

24px

var(--space-300)

space-400

32px

var(--space-400)

space-500

40px

var(--space-500)

space-600

48px

var(--space-600)

space-700

64px

var(--space-700)

space-800

80px

var(--space-800)

space-900

96px

var(--space-900)

space-1000

112px

var(--space-1000)

space-1100

128px

var(--space-1100)

space-1200

160px

var(--space-1200)

space-1300

192px

var(--space-1300)

space-1400

256px

var(--space-1400)

space-1500

320px

var(--space-1500)

space-1600

448px

var(--space-1600)

space-1700

576px

var(--space-1700)

space-1800

576px

var(--space-1800)