THE FIELD GUIDE
Grids & spacing↗
Turn scattered pieces into a coherent layout.
BUILD YOUR DESIGN INSTINCT
Grids & spacing
6 rules found
15 Try it
Alignment
Give elements a shared edge or axis.
16
Column grid
Use columns to coordinate widths and positions.
17
Margins & gutters
Separate the page edge from the gaps inside it.
18 Try it
Spacing system
Choose gaps from a small reusable scale.
19
Inner & outer spacing
Make the gaps express the nesting.
20
Optical alignment
Check perceived edges as well as measured edges.