Doppler
近黑色基底、圆角卡片与渐变展示。
Lightdash
白色基底、圆角卡片与紧密字距。
页面以白色为基底，搭配深蓝色文字。字体采用 Britti Sans Trial Semibold、Britti Sans Medium。视觉特点包括圆角卡片、紧密字距、细线分隔、错落拼贴。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- 每个视口仅使用 #5e4cff（Volt Violet）作为唯一主 CTA，禁止在同一屏幕上与其他强调色搭配使用。
- 设置显示标题文字使用Britti Sans Semibold字体，字号范围为48-76px，字间距为-0.025em；这种强烈的字间距是品牌语气的标志性特征。
- 正文使用 Inter 字体，字号 14–18px，字间距 -0.01 至 -0.02em，禁止使用纯黑色 #000000；强文本使用 #36394a（Graphite Heading），描述性文字使用 #666d80（Slate Body）。
- 所有卡片使用 12px 圆角，所有按钮、输入框和导航元素使用 8px 圆角——这两个数值是系统的结构常量。
- 默认卡片使用 1px #cdd2d9 边框且无阴影；仅将多层阴影堆叠保留用于首屏产品预览和高阶特性卡片。
- 使用像素艺术紫色马赛克（#5e4cff、#c8ccf3、#dfdbff、#ffffff 马赛克）作为唯一的装饰元素——这是品牌的唯一装饰。
- 所有阴影需以 #272835 的 rgba 值进行调色，禁止使用中性灰——这确保了视觉层次与品牌调性一致。
建议避免
- 不要引入额外的色彩强调——系统仅基于灰调中性色与一种紫色构建。
- 不要在正文使用 #000000；品牌文本的阅读色为 #36394a（石墨色），更柔和且更具辨识度。
- 不要在特性区块中居中对齐正文——仅首屏标题和用户评价居中，其余一律左对齐。
- 不要在标准卡片上使用厚重的外扩阴影；默认为 1px 边框，阴影需通过层级提升获得。
- 不要将标题行高设置超过 1.10；76px 时 0.95 的行高是刻意的压缩。
- 不要在大于 32px 的显示尺寸中使用 Inter 字体——显示层级由 Britti Sans 主导，正文与 UI 由 Inter 负责。
- 不要在标准 UI 中使用超过 16px 的圆角；80px 和 999px 仅用于特殊元素（标签切换、全宽品牌区块）
