Sunday

白色基底、大字排版与紧密字距。
页面以白色为基底,搭配近黑色文字。字体采用 sans、mono。视觉特点包括大字排版、紧密字距、分屏构图、居中构图。适合参考的场景:AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- sans 无衬线字体仅使用字重 400,绝不引入粗体、半粗体或中等字重;强调只来自字号。
- #f7e731 只用于 beta 状态胶囊、高亮文字和每视口唯一主要强调场景,绝不用作卡片或区块背景填充。
- 展示标题使用 84px 或更大字号,并设 -0.025em 字间距,形成词语即图像的效果。
- 标题上方的所有图注、时间戳和元信息,都使用 12px 的 mono 等宽字体和 +0.025em 字间距。
- 页面正文始终保持白色画布,#f3f3f0 只用于交替区块色带,绝不使用装饰性渐变。
- 首屏标题和展示区块居中,让布局以单列节奏从上到下阅读。
- 所有按钮都使用 14px 的 Helvetica Neue Bold 700,这是系统唯一采用字重 700 的场景。
建议避免
- 任何组件都不要添加投影、box-shadows 或悬浮效果。设计刻意保持平面。
- 不要引入 #f7e731、两种近灰 #eadcce、#aec2b8 和 #d9ecee 之外的彩色。系统有意保持 95% 无彩色。
- sans 无衬线家族不要使用粗体或半粗体。字重 400 承担全部文字声音。
- 首屏或展示场景中的标题不要小于 42px。重要性通过尺度跳跃,而非字重传达。
- 卡片、输入框或图像不要使用 9999px 圆角,它只属于胶囊和按钮;卡片采用 12px,输入框采用 4px。
- 不要添加彩色页眉条、侧栏或通栏导航。漂浮的居中胶囊是唯一导航模式。
- 黄色 #f7e731 不要用作白底正文。虽然对比度支持这种用法,品牌意图仍将它保留给胶囊背景和强调高亮。