Foundations / Spacing

A single spacing scale should drive layout rhythm.

Shared spacing prevents arbitrary density changes between routes. Marketing and app surfaces can feel different, but they should still be composed from the same core scale.

Spacing scale

space-0

0

space-1

0.25rem

space-2

0.5rem

space-3

0.75rem

space-4

1rem

space-5

1.25rem

space-6

1.5rem

space-8

2rem

space-10

2.5rem

space-12

3rem

space-16

4rem

space-20

5rem

Application rule

Marketing

Marketing can use broader rhythm and more spacious composition, but it should still step through the shared spacing scale instead of inventing ad hoc numbers.

App

App surfaces can be denser, especially in settings, onboarding, and workspace flows, but should stay anchored to the same spacing tokens so the system remains coherent.