Headspace
近白色基底、紧密字距与分屏构图。
Lovi
近白色基底、网格布局与宽松留白。
页面以近白色为基底，搭配蓝色文字。字体采用 ES Rebond Grotesque、ES Rebond Grotesque Medium。视觉特点包括网格布局、宽松留白、单栏阅读排版、摄影展示。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有一级标题和正文内容统一使用深靛蓝墨水（#151151）——绝不可使用纯黑色（#000000）。紫罗兰色是品牌调性；黑色会让页面显得普通无特色。
- 所有28px及以上显示文本使用 ES Rebond Grotesque 字体，字号400仅此一种字重。统一的字重是其标志性特征——禁止使用加粗标题。
- 为卡片元素设置24px半径，大区块容器设置40-48px半径。卡片半径（24px）与区块半径（40px）之间的对比，是使布局呈现漂浮平板而非嵌套盒子的关键。
- 任何需要抬升效果的元素均采用双层阴影模式（rgba(36,36,41,0.07) 0px 8px 34px 0px + rgba(37,36,41,0.09) 0px 1px 2px 0px）。这是系统中唯一的阴影。
- 所有首屏和区块级内容必须居中对齐，仅在卡片和功能描述块内左对齐。居中对齐的节奏是营造临床说明书感的核心。
- 品牌渐变色（蓝→紫→粉）仅限用于语音输入栏和扫描相关叠加层。其他任何元素均不得使用多色填充。
- 所有信任信号（如星级、勾号、认证徽章）使用已验证绿色（#00bb76）——禁止使用金色或黄色作为评分色。
建议避免
- 禁止使用加粗或中粗的标题。ES Rebond Grotesque 400字重为唯一规范；500及以上字重破坏了整体克制感。
- 禁止使用彩色按钮、填充型行动控件或实底操作背景。系统无特定行动色——操作应以中性胶囊形控件、透明描边或文本链接呈现。
- 卡片元素禁止使用边框。使用色调分层（白色卡片置于瓷白画布上）或双层阴影实现分隔。边框会让设计显得方正呆板。
- 禁止引入超出配色系统的新增色彩。原始数据中检测到的丰富色彩仅具装饰或示意功能——UI必须限定在紫罗兰色于白底的家族内，并辅以少量语义强调色。
- 正文文本禁止使用过密的行高。正文需保持1.29-1.38的行高——标题行高较紧（0.91-1.14），但正文应有呼吸感。
- 禁止将品牌渐变色用于大背景、首屏区域或装饰性图形中。它仅作为微元素处理——仅限于语音输入栏和扫描叠加层。
- 任何网格中列数不得超过3列。评论与专家区域最多使用3列；内容过宽时应垂直堆叠。
