Doppler
近黑色基底、圆角卡片与渐变展示。
Front
深紫色基底、胶囊形控件与紧密字距。
页面以深紫色为基底。字体采用 Suisse Intl、Suisse Works。视觉特点包括胶囊形控件、紧密字距、扁平表面、居中构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- Lime Spark（#dee948）只用于任一页面的唯一主要操作，它必须是唯一可见暖色。
- 所有43px及以上展示标题采用-0.017em至-0.02em负字间距，向内收紧使Suisse Intl像机加工。
- 表面只按颜色叠放，Aubergine画布 → Royal Plum横带 → Lilac Mist卡片 → Frost面板，绝不用投影制造深度。
- 深色表面上需要明确边缘的交互控件，使用Pale Lilac的1px内嵌环（#d0c6f0）。
- 按钮圆角保持40px，胶囊控件64px，大圆角是Front轮廓的一部分。
- 深色表面上的次级正文采用#d0c6f0（Pale Lilac），而非普通灰色，延续品牌。
- 所有间距锚定8px基础，间隙、内边距和分区节奏采用8/16/24/32/48/80。
建议避免
- Lime Spark只用于主要操作填充，超过每屏一个元素时就会失去力量。
- 卡片或按钮不要添加投影，深度来自色彩叠层，而非抬升。
- Aubergine画布上的长正文不要用纯白，辅助文字采用Pale Lilac（#d0c6f0），减轻生硬感。
- 同一表面不要混用两种紫罗兰按钮填充，分区选择Royal Plum（#5b1f76）或Aubergine（#300c41），而非两者同时。
- 展示标题不要采用700或800，Suisse Intl 500与紧密字间距才是Front语气，粗体会破坏仪器感。
- 10px或12px只用于元数据、徽章或法律文字，任何阅读内容都应从14px开始。
- 不要引入新强调色，系统是Aubergine加Lime，第三种彩色会破坏单一火花规则。
