Overview Colors Typography Spacing Components Symbols Patterns Inputs App Icons Materials System Localization Accessibility Platforms

Spacing & Layout

11 spacing • 7 radii • 5 motion • Material Design 3

Spacing Scale

Consistent spacing tokens for padding, margins, and gaps.

0

0px0px

No spacing

4

4px4px

Minimal spacing

8

8px8px

Compact spacing

12

12px12px

Small spacing

16

16px16px

Standard spacing, padding

24

24px24px

Medium spacing

32

32px32px

Large spacing

40

40px40px

Extra large spacing

48

48px48px

Section spacing

56

56px56px

App bar height

64

64px64px

Extended app bar