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