flâneur — a map of the web's best reading

Spacing, Grids and Layouts

designsystems.com · 1,938 words · saved by 2 readers

Learn how to define baseline grids, column grids, spacing, and layouts

The organization of space is key to every great design. Spatial systems, grids, and layouts provide rules that give your designs a consistent rhythm, constrain decision making, and help teams stay aligned. This foundational scaffolding is a requirement for all design systems. In this guide, we’ll walk through the basics of defining spatial base units, creating relationship rules with grids, and bringing it all together for modern UI layouts. What is a spatial system? Designers make spatial decisions every day from the height of a button to the space around an icon. A spatial system is a set of

Explore this link on the map →

saved by

related reading