Doppler

深夜中的紫光保险箱。近黑色底面泛着单一薰衣草信号与绿色确认灯,所有表面仅做轻微圆角处理,以营造可触感的质感。
Doppler 作为暗色模式安全控制台:近黑色的紫调底面(#1c1624),搭配几乎透明的亮边,一个鲜明的绿色表示‘执行’,一个薰衣草紫调用于标题和重点内容中的品牌声音。界面如同保险箱UI——密集的产品表面,玻璃模糊的页眉,20px圆角卡片漂浮在深夜背景上。字体采用单一定制的几何无衬线字体(Doppler Repro),在大字号时字间距急剧收紧(-0.02em),营造出紧凑、工程化的视觉效果。色彩使用受限:绿色仅在需要操作时出现,薰衣草紫仅用于品牌表达,其余部分保持单色。首屏标题使用多段落紫渐变,带来片刻的色彩温暖,随后页面回归其暗色安全状态。
查看原始网站使用规范
建议采用
- 仅在视口内最重要的操作处使用 #00f575,它是受控资源,而非装饰性色彩
- 所有卡片表面使用 20px 圆角,所有按钮使用 12px 圆角,小的内联元素如标签或徽章使用 8px 圆角
- 在 48px 及以上字号的文本上设置字间距为 -0.02em,在 12px 及以下字号的文本上设置为 0.03em
- #b997ff 用于品牌字标、高亮的标题词语和眉题标签,绝不用于正文或背景。
- 不同表面之间使用 #e5e7eb 以 10-15% 不透明度的边框分隔,而非使用阴影或填充色
- 保持首屏产品截图宽度在视口 50% 以上——产品本身即为首屏焦点
- 默认正文和UI文本使用 450 字重,标题使用 500 字重,仅在大标题中使用 700 字重
建议避免
- 每个视口内不要超过一个实心绿色按钮——重复会削弱信号意义
- 不要在大背景中使用 #b997ff 或 #00f575——这些是强调色,而非表面色
- 不要在卡片上添加投影阴影——系统通过表面色彩层级实现,而非深度阴影
- 不要使用纯白色(#ffffff)作为文本——温暖的偏白 #f1f0ec 是系统标准
- 不要打破单一字体规则,Doppler Repro承担从图注到展示文字的一切内容。
- 不要使用非对称或非网格布局——每个区块均居中且对称平衡
- 不要添加摄影、生活方式图片或装饰性插图——只有产品截图和标识才是视觉内容