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.2 Base unit

Layout System · Section 12.2

Many systems are built around a 4px rhythm.

Example:

1 unit = 4px
2 = 8px
3 = 12px
4 = 16px
6 = 24px
8 = 32px

Do not treat this as a law.

Use a scale appropriate to your product.

12.1 Spacing

Layout System · Section 12.1

12.3 Breakpoints

Layout System · Section 12.3