Reducto

近白色基底、衬线字形与大字排版。
页面以近白色为基底,搭配深粉色文字。字体采用 reductoSerif、Inter。视觉特点包括衬线字形、大字排版、紧密字距、细线分隔。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有首屏与展示标题使用 reductoSerif 字重 470,64–136px,字间距 -0.01em;展示标题绝不用无衬线。
- #9d17a0 Magenta Pulse 是唯一彩色操作背景填充,配白字和 12px 24px 内边距。
- 首屏标题恰好一个词用 #9d17a0 强调;这个强调词模式是系统标志节奏。
- 所有卡片、分割线与轮廓默认边框色使用 #d7ccc1 Sand,避免冷灰边框。
- 正文使用 Inter 17px、字重 400、行高 1.5,并启用 salt 与 ss02;这些替代字形对忠实品牌不可妥协。
- 保持纸画布基底:页面背景必须 #fafaf9,绝不 #ffffff;在暖画布上用 #ffffff 托起卡片,代替阴影。
- 超大统计数字用 Reddit Mono,80px,字间距 -0.03em;等宽字体表示“这是测量值,而不是单词”。
建议避免
- 正文或标题不要用黑色 #000000;使用 Graphite #292524 或 Aubergine #310632,保持暖色板一致。
- 卡片或区块不要使用投影;深度必须来自边框颜色对比或暖底上的白色叠层,而不是模糊阴影。
- 边框或文字不要用冷灰 #6b7280、#94a3b8 等;系统中所有中性色都带暖棕或米色调。
- 每个视口区块不要在超过一个元素上激活洋红操作色;如果行动按钮洋红,导航必须保持中性。
- reductoSerif 不要用于低于 24px 的正文或界面标签,否则会丧失可读性,破坏展示与功能分工。
- 不要引入 Ochre、Moss、Lilac 之外的彩色强调;色板刻意限制为梅子色家族、暖中性色和 2–3 种插画强调。
- 不要使用 #0000ee 或浏览器默认链接蓝;所有链接必须使用 Aubergine 或 Lilac Wash。