Foundation

Spacing Scale

Spacing is an essential part of a design system, providing a standardized approach to spacing that ensures consistency and visual harmony across all interfaces. It defines a set of predefined values for margins, padding, and gaps, facilitating a balanced and aesthetically pleasing layout.

In our design system, the Spacing includes a range of values from small to large, designed to cater to various design needs. These values are applied uniformly across different components and sections, creating a cohesive and well-structured visual flow.

Foundations

Components