Design system spacing

1. What is spacing in design systems?
2. Why is spacing important in design?
3. What are spacing tokens?

What is spacing in design systems?

Spacing is the negative area between elements and components. It is commonly controlled in code with margin and padding . Carbon offers several methods such as tokens and layout components to make implementing spacing in product easier and more consistent.

Why is spacing important in design?

Proper spacing is one of the basic but most important elements in every great design. It helps organize information while also setting the rhythm, structure, and hierarchy in your design. These factors work together and help the designer have a rational approach when it comes to elements such as spacing.

What are spacing tokens?

Spacing tokens are used to consistently apply margin and padding across elements, components and layouts. With a set scale for spacing, information can be structured to have a consistent and intuitive user interface across the website.