Gleap
近白色基底、产品图像展示与胶囊形控件。
Seline Analytics
近白色基底、产品图像展示与胶囊形控件。
页面以近白色为基底，搭配近黑色文字。字体采用 Roobert、Inter。视觉特点包括产品图像展示、胶囊形控件、紧密字距、细线分隔。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 在所有显示和标题尺寸中使用400粗细的Roobert——绝不要因强调而提升到600/700，应依靠字号大小以及青色高亮效果来实现重点突出
- 页面背景使用 #fafaf9，卡片表面仅使用 #ffffff——绝不反转此配色（白底置于画布上，而非反向）
- 每个标题均精确应用一个青色高亮跨度（#3398e1 文字 + #c1e1f7 胶囊背景）以标示价值主张关键词
- 卡片内部主要结构分隔线使用 1px #e8e6e5 边框——仅将阴影保留用于产品预览卡片
- 保持按钮为胶囊形（9999px 半径），内边距为 8px 16px——页面中唯一的有色彩填充元素必须是青色填充的 CTA 按钮
- 正文使用 14px Inter 字重 400，行高 1.64——这是主导的 UI 节奏，不可破坏
- 每节内容中仅出现一次吉祥物贴纸作为人格化点缀——禁止重复或动画
建议避免
- 禁止引入新的强调色——整个配色系统仅为石质中性色加一种青色；加入绿色、紫色或红色会破坏编辑风格的克制
- 禁止在内容卡片上使用厚重的投影阴影——16px 高斯模糊浮动预览阴影仅限每页一个元素使用
- 不要在标题中使用Inter字体——32px/52px尺寸的Roobert才是品牌调性；混合使用字体会破坏层级结构
- 禁止将 #ffffff 用作页面背景——始终使用 #fafaf9；纯白色仅限于提升层级的卡片表面
- 禁止为主要操作按钮填充深色或中性色——唯一正确的填充按钮颜色是青色 #3ba6f1
- 禁止添加渐变、玻璃态或装饰性色彩晕染——设计刻意保持扁平与纸质感
- 禁止在单个标题中叠加多个青色高亮跨度——每个标题最多一个，克制是核心
