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.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