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.

Label text for default option of three-state radio button group
How to set default value in radio button in HTML?How to set default value for radio button in javascript?How do you associate a label with a radio bu...
How do I test if merging two websites is a good idea?
Can you merge two websites?Can I have 2 websites with the same content?Should I have two separate websites?Does having multiple websites hurt SEO? C...
Design for input of time-series data
What is time series input model?Which is the best model for a time series data?What type of model is preferred for time series data analysis?How do y...