An Ultimate Guide On Sizing, Spacing, Grids And Layout On The Web

A spatial system is a set of design guidelines about spacing, sizing, and dimensions of user interface components. It is a mandatory part of any design system, as it helps to create visual rhythm, creates consistent products, and reduces the amount of decisions designers make every day. A spatial system usually consists of four basics: a base unit, a spatial scale, grids, and sometimes layouts. Why is it so important?
Let’s look at these two layouts in the image below. It’s an exampl