Doppler
近黑色基底、圆角卡片与渐变展示。
Superwhisper
近黑色基底、圆角卡片与渐变展示。
页面以近黑色为基底。局部操作控件以蓝色强调。字体采用 Inter、Flow Circular。视觉特点包括圆角卡片、渐变展示、大字排版、紧密字距。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 使用极光渐变（#000000 → #112d72 → #4b52aa → #a887dc → #e6c4e7 → #fcdbef）作为标志性首屏氛围——切勿用纯色深色或实色背景替代它。
- 在深色画布上使用白色（#ffffff）作为主要操作填充色；切勿引入彩色的行动按钮色。
- 所有展示标题均使用 Inter 字体，字号 60px / 48px，字间距分别为 -3.42px / -2.4px——负字间距是其标志性特征。
- 首屏卡片和大功能卡片使用 24px 半径；内联按钮和输入框使用 9px；导航栏和小型操作标签使用 9999px（胶囊形）半径。
- 将 #0088ff 的图标与 #001b33 或 #030719 的卡片表面搭配，使蓝色呈现为信号，而非装饰。
- 将深色调卡片（#001b33、#031310、#030719）置于与 #000000 画布的高对比背景下，使色调感得以体现，而非被感知为杂音。
- 基础元素间距为 16px，卡片内边距为 24px；区块间距允许在主要区块间扩展至 64px。
建议避免
- 切勿添加饱和的彩色行动按钮——白色在深色背景下的表现是唯一的行动语言。
- 切勿使用纯深色背景作为首屏；渐变才是品牌标识。
- 切勿在 60px 字号下将字间距软化至低于 -3px——这种压缩感正是让 Inter 产生像品牌标志般感觉的原因。
- 切勿在首屏卡片上添加阴影；渐变本身承载了立体感。
- 切勿在单个组件中使用超过一个彩色强调色（#0088ff）——本系统中的彩色强调色使用极为克制。
- 切勿在狭窄列中居中正文；首屏居中，但内容区块应以 600-800px 的宽度左对齐。
- 切勿在正文或展示文本中使用正字间距超过 0.025em。
- 切勿将内联按钮圆角设为胶囊形（9999px）——该半径仅保留用于导航栏和小型标签；请使用 9px 代替。
- 切勿在非指定上下文中使用 Flow Circular——Inter 是系统字体。
