Spacing
Spacing
Our scale is based on multiples of 4. Spacing primitives should be used to define distances between elements or panel padding.
🎨 Figma: Spacing is available as a Figma variable.
💻 Code: The Radius is available as a variable.



cosmos-spacing-xx-tight
4px



cosmos-spacing-x-tight
8px



cosmos-spacing-tight
12px



cosmos-spacing-normal
16px



cosmos-spacing-loose
24px



cosmos-spacing-x-loose
32px



cosmos-spacing-xx-loose
40px



cosmos-spacing-xxx-loose
64px



cosmos-spacing-xxxx-loose
80px