Attio
白色基底、紧密字距与细线分隔。
Prisma
浅色基底、细线分隔与网格布局。
页面以浅色为基底，搭配深蓝色文字。字体采用 Inter、Mona Sans VF。视觉特点包括细线分隔、网格布局、渐变展示、摄影展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- #14b8a6青绿只用于主要操作、激活状态和品牌标志，绝不用于装饰形状、插画或大于按钮的背景。
- 展示字号30–64px采用Mona Sans VF和0.1em letter-spacing；宽字间距是品牌标志性特征，移除它会让工程感变成普通SaaS排版。
- 全局启用Inter的字形变体cv01、cv02、cv06、cv07、cv08和cv10；这一行设置让标准Inter变成具有定制感的字体。
- 表面以#e2e8f0的1px边框分隔；绝不要仅靠背景色变化形成叠层，细线边框是系统主要深度信号。
- CLI命令和终端面板与UI截图并排展示；产品页同时也是文档页，代码的视觉证据比营销艺术更有说服力。
- 按钮、导航项和图标采用6px border-radius，10px留给卡片和代码块，绝不超过10px；系统精确，而非柔软。
- 分区间距保持48–80px，所有内部间距由4px基础单位控制；节奏应像经过校准，而非临时决定。
建议避免
- 标题、正文或段落不要采用青绿；它是操作色，而非品牌色洗，标题保持#1d242f或#111827。
- 不要引入第二种彩色强调；5%色彩丰富度预算全部分配给青绿，添加蓝、紫或暖色会破坏单色纪律。
- Mona Sans展示字号不要低于650字重；细展示标题在系统中显得无力，0.1em字间距需要字重锚定。
- 卡片或按钮不要采用多层投影、彩色辉光或渐变填充；深度只有1px边框加1px阴影，没有更多。
- 不要使用图库摄影、生活方式图像或带人物的首屏插画；视觉语言是产品UI与代码，是工具的抽象，而非使用它的人。
- border-radius不要超过16px，也不要使用完整圆润胶囊按钮；系统棱角分明、工程化，而非友好柔软，6px和10px是设计边缘。
- 页面正文不要采用深色主题变体；整个界面为浅色，代码终端需要深色表面时，将它限制在带边框卡片内，而非整页。
