Menu
Sidera/Foundations/Spacing

Spacing

Every gap, pad and margin is a multiple of a 4-point base. One scale keeps rhythm consistent from a single button to a full dashboard.

Base4pt
Steps6
01Scale
4 · xs
8 · sm
16 · md
24 · lg
48 · xl
96 · 2xl
02Usage

Prefer the smaller steps (4–16) for component-internal spacing and the larger steps (24–96) for layout rhythm between sections. Consistency here is what makes unrelated screens feel like one product.