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