Spacing

Document space between components for designers

Document space between components for designers
  1. What is spacing in design system?
  2. Why is spacing important in design?
  3. Why is it important to have proper spacing in the elements of your UI?

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 is it important to have proper spacing in the elements of your UI?

Using space effectively in your UI layout helps increase readability, provide feedback and draw the reader to the most important parts of the screen.

Wcag Should confirming an irreversible action require definite user input?
Should confirming an irreversible action require definite user input?
What is being determined when testing 3.3 4 error prevention?How many WCAG 2.1 success criteria are there? What is being determined when testing 3.3...
Graph How to display large numbers that are very close together (in value) in a graph with tight space
How to display large numbers that are very close together (in value) in a graph with tight space
What type of graph is best for a large set of numerical data with a large range?Which type of graph is best for showing the relationship between mult...
English How do you localize the {verb} + {noun} pattern?
How do you localize the {verb} + {noun} pattern?
What is localize?Which is correct localisation or localization?What is angular localize? What is localize?localize in American English to make local...