Home
白色基底、衬线字形与胶囊形控件。
Aboard
白色基底、衬线字形与细线分隔。
页面以白色为基底。局部操作控件以橙色强调。字体采用 Tobias、Atkinson Hyperlegible Mono。视觉特点包括衬线字形、细线分隔、摄影展示、分屏构图。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有主要行动号召按钮（CTAs）设置为 9999px 圆角，填充色为 #de4c00，文字使用 Work Sans 400 16px 的骨白。
- 使用Tobias 300字重来设置所有标题，字号分别为24px、32px和72px——绝不使用衬线字体的粗体。
- 正文使用 Atkinson Hyperlegible Mono 300 字重，字号 14–16px，行高 1.63–1.83。
- 各区块之间使用 64px 垂直间距分隔，不使用分隔线或背景色变化单独实现。
- 所有卡片和图片均应用 1px 实线 #e5e7eb 边框——绝不使用阴影来营造立体感。
- 使用 #fffefb 作为浅色背景，#040c06 作为深色区块；摄影内容需完整填充深色区块边缘。
- 限制色彩使用：琥珀橙色（#de4c00）仅出现在行动号召、激活状态和图标填充中，绝不用于装饰。
建议避免
- Tobias 标题绝不使用粗体（600–700）字重——300 字重的轻盈感是其标志性特征。
- 绝不为卡片添加阴影以营造立体感；改用亚麻色（#f3f2ee）表面色和细线边框。
- 正文部分不要使用等宽无衬线字体——系统默认的正文是等宽字体。
- 绝不将琥珀橙色用于背景、区块或装饰元素——它仅用于表示动作。
- 绝不使用超出四个标准值的圆角：8px（标签）、12px（卡片）、30px（导航）、9999px（按钮）。
- 绝不打破双色调画布的节奏——禁止在亮色或暗色区域引入第三种表面色（例如蓝色或紫色）。
- 绝不使用库存摄影、插画或 3D 渲染——所有图像必须为纪实风格且真实自然。
