Design System GuideDS Guide
Docs
Docs
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