Spacing Scale

Consistent spacing values that drive the layout and rhythm of the entire interface.

space-0

0px

var(--space-0)

space-025

1px

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)