- What is spacing in design system?
- Why is spacing important in design?
- Why spacing is important in UI?
- What are spacing tokens?
What is spacing in design system?
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.
Why spacing is important in UI?
It Improves Readability & Comprehension
One of the most important benefits of using white space in UI design is that it makes both comprehension and readability easier and more predictable. Space between text is essential as it helps to define the page content itself.
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.