Doppler
近黑色基底、圆角卡片与渐变展示。
Navan
近白色基底、衬线字形与胶囊形控件。
页面以近白色为基底，搭配深紫色文字。字体采用 Neue Hass Grotesk Text、Neue Haas Grotesk Display Pro。视觉特点包括衬线字形、胶囊形控件、渐变展示、网格布局。适合参考的场景：软件产品首页、服务说明页。
查看原始网站使用规范
建议采用
- Vivid Iris（#6307f8）是界面唯一饱和填充，每个视口仅用于一个CTA，让它保持醒目。
- 卡片和按钮圆角统一为14px，9999px仅用于导航级胶囊按钮。
- 区块标题采用Sanomat衬线、30–45px和紧凑的1.0–1.2行距，以创造编辑式分量。
- 正文保持Neue Hass Grotesk Text、400字重、14–16px，绝不加粗正文。
- 每张产品照片都配一个浮动白色UI卡片叠层，让抽象摄影落在具体产品上。
- 用铺满画面的品牌表面呼应页面首尾：顶部渐变或白色，底部深鸢尾紫页脚。
- 页面背景采用Canvas Tint（#f1f1f9），卡片采用Pure White（#ffffff），绝不反转这一层级。
建议避免
- Vivid Iris（#6307f8）不要用于正文、边框或大面积背景填充，它仅是CTA颜色。
- 不要引入新的强调色相；系统为紫罗兰单色调，任何非紫罗兰彩色都会破坏色板。
- 标准卡片不要使用投影，依靠表面明暗和14px圆角表现高度。
- 正文不要使用Sanomat，衬线字体仅用于编辑式标题。
- 正文或导航不要使用600+的粗字重，系统只用300–500字重表达。
- 卡片和按钮不要采用0px或8px圆角；14px是标志性圆角，必须保持一致。
- 单一区块不要叠加多个渐变铺色，每个页面区域只有一个氛围渐变。
