OpenServ
白色基底、衬线字形与渐变展示。
Cluely
白色基底、衬线字形与产品图像展示。
页面以白色为基底。局部操作控件以蓝色强调。字体采用 EB Garamond、Geist。视觉特点包括衬线字形、产品图像展示、圆角卡片、渐变展示。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 80px EB Garamond展示标题仅用于首屏h1，绝不用作区块标题或正文；区块标题采用Geist 36-48px、500字重。
- 主要CTA背景设为Signal Blue（#3c83f6），白色文字、4px圆角、10px 20px内边距；悬停时应用多层环形＋内嵌阴影组，形成玻璃般被照亮的效果。
- 所有极细边框使用#e4e4e7（Bone）、1px，出现2500+次的这一颜色占主导，是结构线色；#d7d7d7只用于次要分隔线。
- 大字号采用紧凑负字间距：48px时为-0.036em，28px时为-0.025em，16px时为-0.01em。Geist标题应有工程感且紧凑，不应疏朗。
- 首屏后的第一张卡片或第一条色带使用Frost（#f3f8ff）浅色，让氛围蓝色向下延续，成为进入白色工作空间的微妙桥梁。
- 产品截图放在16px圆角笔记本电脑框架中，浮动但不带投影；框内深色应用UI是焦点，框架保持不可见。
- 蓝色渐变（线性#0544a9 → #022c70或放射#1e82e0 → #1c38ea）仅用于首屏和主要CTA阴影底层，绝不用于整页背景。
建议避免
- 除80px首屏展示外，任何文字都不要使用EB Garamond衬线字体；在正文或副标题字号使用会稀释其标志性冲击。
- 卡片或表面不要应用投影，设计用极细边框（#e4e4e7）和颜色对比分隔，阴影仅用于CTA和产品模型框架。
- Neon绿色（#00ff26）不要用作功能状态色，它只作装饰；成功状态改用低饱和绿色或带边框标签。
- 内容卡片圆角不要超出12-24px范围，4px只用于按钮，32px+用于胶囊形，混用会破坏组件层级。
- 正文字间距不要宽于-0.005em，Geist为紧凑字间距设计，放松会让UI显得普通。
- 不要引入Signal Blue以外的饱和颜色，2%色彩丰富度评分就是限制，仅有一种强调，其他地方均为无彩色。
- 白底白色表面层级不能没有边框或浅色区分；纯白页面上的纯白卡片需要1px Bone（#e4e4e7）边框或Frost（#f3f8ff）背景才能被看见。
