本页出处
设计风格资料库
内容来自 luckymaomi 的 UI 风格库（复刻版），以 MIT 许可 提供。本站镜像收录，仅作学习参考；这一页的原始地址是 原站页面。
← 回到导览访问原站仓库

间距与网格

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 边距