Attio
白色基底、紧密字距与细线分隔。
AIUC
白色基底、等宽文字标注与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 Almarai、ABC Diatype。视觉特点包括等宽文字标注、紧密字距、细线分隔、扁平表面。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 使用Almarai 300号字体专用于标题——永远不要设置Almarai的粗体或中粗体；轻盈字体是品牌标志。
- 标题字间距设为 -0.02em（乘以字号的 -0.02）；正是这种字间距使 Almarai 看起来像编辑体而非网页体。
- 所有卡片、按钮和图片的圆角均设为 4px——禁止引入更大圆角；轻微圆角是刻意设计，此系统中不存在胶囊形组件。
- 保持调色板无彩色：#ffffff、#1a1a1a、#323232 以及中性灰阶。唯一带有色彩的表面是 #d3dfeb，仅作为氛围渲染使用。
- 使用 #000000 或 #323232 的 1px 边框来界定区域，而非阴影——设计刻意保持扁平。
- 将功能性标签（导航、标签、图注）使用 ABC Diatype Semi-Mono，正文段落使用 ABC Diatype Regular——这种分层构建了系统的沉静技术语调。
- 正文行高设为 1.50，段落最大宽度保持在约 400px 以确保舒适阅读。
建议避免
- 禁止添加阴影、光晕或浮起卡片——系统按原则保持扁平。
- 禁止使用饱和色、渐变或超出 #d3dfeb 的强调色；0% 色彩度是品牌特征。
- 禁止使用粗体或中粗体字重用于标题；Almarai 仅应在 300 字重出现。
- 禁止引入大于 4px 的边框圆角；轻微的圆角是编辑语言的一部分。
- 禁止将系统字体（无衬线字体）用于可见的 UI 文字——它仅用于最小的浏览器默认场景。
- 禁止使用胶囊形按钮（1000px 圆角令牌仅出现两次，且不是设计模式）。
- 组件内不要混合使用不同字体系统——Diatype/Diatype Semi-Mono/Almarai三者组合是完整配对。
