间距与网格

8px 基准

8-point

Industry standard (Material, Carbon) — pixel-perfect across densities

0 · 0px

xs · 4px

sm · 8px

md · 16px

lg · 24px

xl · 32px

2xl · 48px

3xl · 64px

4xl · 96px

5xl · 128px

4px 基准

4-point

Finer control for dense UIs — dashboards, data tables, IDEs

0 · 0px

xs · 4px

sm · 8px

md · 12px

lg · 16px

xl · 24px

2xl · 32px

3xl · 48px

4xl · 64px

5xl · 96px

布局网格

4 列 · 16px 沟槽 · 16px 边距

8 列 · 24px 沟槽 · 24px 边距

12 列 · 32px 沟槽 · 24px 边距