Spacing

Spacing in design

Spacing in design
  1. What is spacing in design system?
  2. Why is spacing important in design?
  3. Why spacing is important in UI?
  4. 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.

Should 'Other' be a text field or a radio button plus text field
How do I add a text field to a radio button?How can I add an other text input to a set of radio buttons in an HTML form?What is field type as radio b...
Recommendation for Chart Label with 2 Actions
How do you add two data labels to a chart?Which chart is best used for showing the relationship of two variables?Which chart type is not appropriate ...
Accessibility of Icon Buttons?
How do I make an icon button accessible?Are icons good for accessibility?Do icons need labels for accessibility? How do I make an icon button access...