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.
Foundations / Spacing
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.
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
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 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.