Attio
白色基底、紧密字距与细线分隔。
OpenServ
白色基底、衬线字形与渐变展示。
页面以白色为基底，搭配近黑色文字。字体采用 OS Studio Grotesk、OS Chronik。视觉特点包括衬线字形、渐变展示、细线分隔、网格布局。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 使用 #5f79ff 的实心圆点，每个圆点半径为 100px，用于所有主要操作 —— 永远不要使用矩形的号召性用语。
- 有意识地搭配两种字体：在编辑性内容场景（首屏、板块开启、大引语）中使用OS Chronik 300，用于功能性内容则使用OS Studio Grotesk 400。
- 卡片保持平面，仅使用1px细线边框，颜色为#a6a6a6或#f5f5f5——内容表面禁止使用投影。
- 在72px显示字号时使用-0.020em字间距，在20–24px UI字号时使用-0.017em字间距；由负值字间距完成收紧效果。
- 首屏标题在纯白色背景上居中显示，无任何装饰——OS Chronik 300字重是视觉焦点。
- 所有卡片、图片和导航容器均使用16px圆角，100px胶囊形按钮仅用于按钮和徽章。
- 仅在板块结尾处使用薄荷绿-紫色-黑色的条纹作为收尾装饰，禁止作为行内装饰使用。
建议避免
- 卡片、按钮和图片均不使用投影——投影仅用于浮动导航。
- 衬线字体的字重不应超过300——更重的字重会破坏轻声细语的编辑风格。
- 禁止引入额外的强调色——系统为单色系，仅包含两个色彩元素。
- 禁止使用4–8px圆角的矩形按钮；胶囊形是系统设计承诺。
- 禁止在表面元素上使用渐变；唯一与渐变相关的元素是三色板块条纹。
- 正文文本字号不得低于13px或高于18px——15px正文 / 13px小号 / 18px副标题的范围是可读区间。
- 禁止将#01fe93用作CTA填充色——薄荷绿是状态/强调角色，而非操作色。
