Attio
白色基底、紧密字距与细线分隔。
11x– Digital workers
白色基底、衬线字形与大幅摄影展示。
页面以白色为基底，搭配近黑色文字。字体采用 ES Allianz。视觉特点包括衬线字形、大幅摄影展示、胶囊形控件、网格布局。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 在首屏和区块标题中使用 ES Allianz 衬线字体，字号74px及以上，字重700——超大衬线字体是品牌的主视觉标识
- 胶囊按钮的border-radius严格设为999px，内边距为12px 24px，采用白底黑字或黑底白字。
- 在浅色分区中，仅以四种粉彩卡片色调（Dusty Sky、Mist Mint、Wisteria、Desert Clay）作为彩色点缀；绝不引入新的彩色UI颜色。
- 在白色编辑式跨页与Deep Teal（#0b252a）满幅横带之间交替，以维持杂志跨页般的节奏。
- 使用满幅风景摄影作为分区背景；图像必须为暖色调、具有电影感且分辨率高。
- 在显示尺寸（74px及以上）时字间距设为-0.045em，在正文尺寸时设为-0.02em，以体现现代编辑风格
- Slate Teal（#406e7a）的功能标签胶囊仅用于Deep Teal深色区块，绝不放在浅色背景上。
建议避免
- 任何位置均不可使用无衬线字体——衬线字体不可替代，是编辑风格的核心
- 不可使用蓝色、红色、绿色或黄色作为功能UI色彩——配色仅限中性色、深青色及四种柔和粉彩
- 卡片或按钮不可添加阴影——层级感通过明暗对比和1px细线边框传达
- 交互元素不可使用尖角（半径小于8px）——胶囊、圆角卡片和柔和圆润是常态
- 长于两行的正文段落不可居中对齐——连续正文应左对齐以提升编辑可读性
- UI组件不可使用渐变——唯一的渐变是微妙的暖调过渡（#f8f9f7 → #d7cecd），使用极为克制
- 不可将两种粉彩卡片色调相邻堆叠——粉彩卡片之间必须用空白间隔，以保持轻盈感
