1950s · 瑞士国际主义排版

少即是多,
网格即秩序

去除一切非必要的装饰,让内容成为界面本身。基于严格网格、极致留白与高对比字体层级,构建快速、清晰、可信赖的专业界面。

  • 类别 通用风格
  • 年代 1950s 瑞士
  • 复杂度
  • 最适合 企业应用 · 仪表盘 · 文档站 · SaaS
  • 可访问性 WCAG AAA
02

风格特性

12 列网格系统

所有元素对齐到严格的模数网格,间距统一为 2rem 的倍数,版面自然产生节奏与秩序。

极致留白

留白不是空缺,而是结构。大面积的负空间引导视线,让每一段内容都获得呼吸感。

高对比字体层级

纯黑与纯白的极限对比达到 21:1,仅靠字重与字号区分层级,无阴影亦无渐变。

03

按钮与控件

AAA 对比度
04

表单示例

05

配色板

墨黑#000000
纸白#FFFFFF
米灰#F5F1E8
中灰#808080
灰褐#B38B6D
瑞士红#D32011
06

字体级阶

显示级 · Inter Black · 56px

秩序与清晰

标题 · Inter Bold · 32px

网格构建版面节奏

正文 · Inter Regular · 16px

好的排版是透明的:读者感知到的是内容,而不是字体本身。行高 1.6,段宽不超过 34 字。

标签 · Inter Medium · 13px

Grid · Weiss · 1957