Doppler
近黑色基底、圆角卡片与渐变展示。
Dimension
近黑色基底、胶囊形控件与渐变展示。
页面以近黑色为基底。字体采用 DM Sans、Geist。视觉特点包括胶囊形控件、渐变展示、磨砂表面、细线分隔。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 所有主要按钮、导航链接及标签/胶囊元素的边框圆角统一使用 9999px — 车轮形轮廓是系统的标志性形态
- 首屏标题使用 DM Sans 字体 72px 字重 500，字间距 -2.52px — 首屏文本绝不可使用 500 以上字重
- 在深色背景上默认使用 #ededed 作为正文，白色背景上使用 #161616 作为文本——避免使用纯白色 #ffffff 作为正文以减少反光
- 在所有深色背景元素的边框上使用 1px 实线 #e5e5e5 细线——绝不使用 2px 及以上粗边框或阴影以增强定义
- 仅将暖至冷的渐变（琥珀 → 钴蓝）应用于首屏或重点展示区域——绝不用于 UI 控件或卡片
- 组件内元素间距保持 8–16px，区块间主内容块间距保持 64–80px — 节奏宽裕但不追求极繁风格
- 仅在渐变渲染中使用 Dusk Violet（#6b62f2）作为强调色，绝不作为按钮、文本或背景的实色填充
建议避免
- 绝不使用阴影实现层级感——系统依赖透明度、细线边框和表面对比来实现深度
- 绝不引入额外品牌色——2% 的色彩饱和度是刻意设计；任何新增色调将破坏单色系原则
- 卡片的圆角绝不低于 4px 或高于 42px — 24px/40px/42px 的卡片圆角是系统的最佳平衡点
- 首屏标题的字重绝不可达到 700 或以上 — 500 字重的克制是其核心特征，而非建议
- 正文文本小于 24px 时，绝不使用 Geist 字体 — DM Sans 负责 13–18px 的 UI 文字，Geist 从副标题层级开始使用
- 浮动导航栏绝不紧贴视口边缘 — 应始终留有可见边距（距边缘 16–24px）
- 绝不将实色 #6b62f2 用作按钮填充或文本颜色 — 紫罗兰色仅以渐变渲染或径向光晕形式出现
