Attio
白色基底、紧密字距与细线分隔。
Sanity.io
白色基底、大幅摄影展示与产品图像展示。
页面以白色为基底，搭配近黑色文字。字体采用 Waldenburg、IBM Plex Mono。视觉特点包括大幅摄影展示、产品图像展示、大字排版、紧密字距。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- Ember Orange（#ff4100）仅用于任一视图中的唯一主要操作，绝不让两个橙色CTA争夺注意力。
- 所有交互元素（按钮、标签、导航项）设为胶囊圆角（99999px），以保持系统标志性特征。
- 所有展示字号都采用紧凑字间距：112px时为–4.48px，72px时为–2.52px，60px时为–1.8px；这种压缩节奏就是Waldenburg的语气。
- IBM Plex Mono仅用于代码、终端输出、JSON和编号区块标签，绝不用于营销正文。
- 所有铺满画面的深色区块都以富有氛围的有机摄影锚定，可采用地质、有机或产品截图素材，绝不只使用纯色或抽象图案。
- 编辑式区块保持白色、宽裕区块间隔（96px）和左对齐文字；留白本身就是布局网格。
- 营销中展示真实产品UI，以Studio截图、代码编辑器和内容表单作为视觉证据，而不是插画。
- 主要深色表面使用#0b0b0b（而非#000000），轻微温暖感避免生硬的数字感。
- 每个主要操作都搭配同样胶囊形与尺寸的无填充次要操作，使它们像配套的一组。
建议避免
- Ember Orange绝不用于正文、链接或装饰元素，它仅用于操作表面。
- #f500ff、#45ff00或#ffff00绝不用于代码或编辑器场景以外的地方；它们是语法标记，而非品牌色。
- 绝不使用平板式box-shadows或沉重高度效果，系统依靠背景对比，而非阴影。
- 大标题绝不居中；编辑式系统以左侧为锚，并刻意保持非对称。
- 同一屏幕绝不使用多种饱和色；如需第二种强调，应为Signal Blue，视觉分量为橙色的20%。
- 绝不打破胶囊/3px圆角的二元关系；功能元素避免8px或16px圆角，交互元素用胶囊，输入框或代码用3px。
- 32px以上标题绝不使用Waldenburg 425字重；Book字重用于正文温暖感，而非展示文字的压缩感。
- 绝不使用装饰性渐变；系统没有渐变，深度来自背景对比（白 → 黑 → 炭灰）。
