Handbook
Design System GuideCheat Sheet
Design System GuideCheat Sheet
10. Accessibility Foundations
12. Layout System12.1 Spacing12.2 Base unit12.3 Breakpoints12.4 Grid
15. Typography16. Motion and Interaction
12. Layout System

12.1 Spacing

Layout System · Section 12.1

Use a constrained scale.

Example:

0
2
4
8
12
16
20
24
32
40
48
64

Not every numerical value needs to exist.

Constraints reduce random decisions.

12. Layout System

Create a consistent system for spacing, base units, breakpoints, and grids.

12.2 Base unit

Layout System · Section 12.2