GRID · TYPE · REASON

秩序，
即是美。

12 栏网格、8px 基准间距、黑白高对比与唯一一抹红——用数学而非装饰来组织信息。

阅读原则查看色板

字体Inter / Helvetica，400–900

网格repeat(12, 1fr) · gap 1rem

装饰无。留白与层级即装饰

类别通用风格

年代1950s 瑞士 + 2020s

复杂度低

最适合企业官网 · 编辑排版 · SaaS · 文档

三条铁律

一切元素落在 12 栏网格上。非对称的平衡由栏位跨度决定，而不是凭感觉拖拽。

间距只允许 8px 的整数倍：8 / 16 / 24 / 40 / 72。节奏可以被验证，而非被感觉。

无渐变、无阴影、无圆角。信息层级靠字重 400–900 与字号阶梯表达，红色只出现一次。

显示基线网格

V 2.0 强调 · 唯一红

表单同样遵守网格：标签左对齐、输入框直角、焦点态使用唯一强调色 #E30613 的 3px 外框。

正黑#000000

纸白#FFFFFF

浅灰面#F5F5F5

唯一强调红#E30613

显示级 · Inter Black 900 · 64px · -3%

形式服从功能

标题 · Inter Bold 700 · 28px

网格是设计师的坐标系

正文 · Inter Regular 400 · 16px / 1.7

正文排布在明确的栏宽内，行长控制在 45–75 字符之间，黑字白底达到 AAA 级对比度，阅读无需任何修饰的帮助。

标签 · Inter Bold 700 · 12px · 字距 0.35em

SWISS MODERNISM 2.0