瑞士国际主义以严格网格、极端字号对比和单一强调色完成信息设计。画面冷静、精确、左对齐;内容的结构本身就是视觉,不以装饰补足空白。
配色
只选一套主题:背景 #FAFAF8,灰阶 #F0F0EE、#D4D4D2、#737373,文字 #0A0A0A。强调色可选 IKB 蓝 #002FA7、柠檬黄 #FFD500、柠檬绿 #C5E803 或安全橙 #FF6B35。一个 deck 只能使用一种强调色。
排版
使用 Inter、Helvetica Neue、Noto Sans SC;禁止衬线字体。主标题与正文比例至少 8:1,越大越细、越小越粗。主标题使用 200-300 字重;正文至少 18px,标签至少 14px。大字号使用 min() 同时约束 vw 和 vh。
布局
所有元素吸附到 12 或 16 列网格,使用左对齐和大幅留白形成不对称美学。适用索引封面、时间线、分屏论点、六格定义、三层架构、KPI 塔、条形图、前后对照、矩阵、系统图和规格表。所有色块直角、无阴影、无圆角;并列卡片只允许一个强调焦点。
插画与装饰
只使用 1px hairline 分割线、8x8 直角方块、极细网格/点阵(hero 页)和棱角感 Lucide 图标。禁止圆点、渐变、阴影和装饰性图案。
动画
按图形语义选择数字缩放、柱状拉起、SVG 描线、时间线点亮和矩阵渐显。生产型动效 120-240ms,表达型动效 400-700ms;不要全程使用同一种 fade-up。
适合场景
科技产品发布、数据汇报、设计工程、年度总结、AI技术分享。
配图
封面、章节、产品主张和明确概念焦点页,可用一件产品、一个建筑形态或抽象对象做严格网格中的单一主视觉;只保留一个强调色与标题留白,不做装饰拼贴。
指标、比较、架构、时间线、系统图和规格表不配图。
不要
- 不要混用强调色、渐变、阴影或圆角。
- 不要用粗重标题、无约束的大字号或圆润图标。
- 不要让装饰或图片脱离网格。