Doppler
近黑色基底、圆角卡片与渐变展示。
Deezer
明暗对比、胶囊形控件与细线分隔。
页面兼有浅色与深色区域。字体采用 Deezer Brand (custom condensed display)、Inter。视觉特点包括胶囊形控件、细线分隔、扁平表面、居中构图。适合参考的场景：音视频产品介绍页、媒体内容展示页。
查看原始网站使用规范
建议采用
- #a238ff 仅用于实心主要按钮、胶囊徽章和标志，绝不用作文字颜色或大面积表面背景填充。
- 首屏与展示标题使用 Deezer Brand 字重 800，行高为 0.71–0.90，以保留紧压的海报叠放效果。
- 区块背景在浅色 #fdfcfe 与深色 #0f0d13 之间交替，形成音乐会海报式的对比节奏。
- 按钮圆角设为 12px，卡片圆角设为 8px。这两种值之间的 4px 差距，是系统的几何标志。
- 所有正文、界面和按钮文字都使用 12–20px 的 Inter。展示字体在小于 24px 时难以辨认。
- 组件保持平面，不使用阴影、渐变或装饰性边框；仅允许 1px 的 #555257 或 #d1d1d7 细线。
- 首屏和区块级内容居中对齐，只在卡片和列表项内部使用左对齐。
建议避免
- 任何 Deezer Brand 展示文字的行高都不要超过 1.00，否则会破坏压缩海报的特征。
- 不要在 #a238ff 和 #d09aff 之外引入其他强调色。单色加一种紫罗兰色的系统，本身就是品牌。
- 卡片或按钮不要使用阴影。系统以白色对黑色的表面对比表达悬浮层次，而非纵深。
- 展示字体不要小于 18px。任何低于副标题级别的文字，都应切换为 14–16px 的 Inter。
- 不要拉伸展示字体，也不要采用字重 400。紧窄几何形态需要 700+，才能在大字号下保持笔画分量。
- #a238ff 不要用于正文、链接或大于按钮的装饰背景。紫罗兰色应像小型电脉冲，而非大面积铺色。
- 同一区块内不要混用浅色和深色表面。系统在每条色带中只采用一种画布。
