Doppler
近黑色基底、圆角卡片与渐变展示。
Huly
深蓝色基底、渐变展示与紧密字距。
页面以深蓝色为基底。字体采用 Inter、Esbuild。视觉特点包括渐变展示、紧密字距、产品图像展示、网格布局。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 所有按钮、标签和胶囊控件的圆角均设为 9999px——胶囊形态是该系统的标志性形状
- 将 Esbuild 保留用于展示场景（字号 28px 及以上）；绝不可用于正文、导航或小于 22px 的内容
- 首先确定背景模式：产品类页面使用深色（#303236 画布），编辑类内容使用白色（#ffffff）——绝不可在一个组件中混合使用
- 将电光虹色（#5683da）用于每屏最重要的操作；让余烬脉冲（#ff8964）以温暖的点缀形式出现在标签、点状元素和渐变停点中
- 将极光渐变（虹色 → 余烬 → 白色）以狭窄的垂直或径向光束形式呈现，绝不可作为完整背景填充
- 正文设为 14px / 行高 1.5 / -0.14px 字间距，随字号增大，字间距压缩比例相应增加（在 80px 展示时压缩至 -4px）
- 将深色与浅色区块交替堆叠，垂直间距为 96px，以形成页面的标志性节奏
建议避免
- 按钮或标签的角径不要使用锐角（0–8px）——该系统以胶囊形态为先
- 不要将 Inter 展示字重与定制的 Esbuild 字体搭配使用；在大字号下两者会相互冲突
- 不要将极光渐变作为完整表面背景——当它覆盖整个页面时，其表现力会消失
- 不要引入第三种强调色；虹色与余烬的配色是整个色彩语汇的全部
- 不要在深色卡片上使用阴影来表现层级——该系统更偏好边框（#4a4b50）和色彩对比，而非投影阴影
- 不要在小于 28px 或正文内容中使用 Esbuild——该字体专为标题设计，其紧凑的字间距在小字号下会严重损害可读性
- 不要在白色区域使用白色文字，或在深色画布上使用 #303236 文字而未检查对比度——深色调的可读范围极为狭窄
