Doppler
近黑色基底、圆角卡片与渐变展示。
Tella
白色基底、网格布局与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 NaN Jaune Midi Bold、Inter。视觉特点包括网格布局、紧密字距、居中构图、产品图像展示。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有大于 48px 的显示标题均使用 NaN Jaune Midi Bold 字体，字间距设为 -0.047em 至 -0.054em — 一旦字间距超过 -0.036em，字体将失去广播标题的压缩感。
- 将满幅浸染的紫色首屏（#5e51f8 → #251544 渐变）作为硬切区块应用，而非渐变过渡 — 突然转为 #f8fafc 白色是标志性手法，而非设计失误。
- 所有交互类胶囊元素（CTA 按钮、导航注册按钮、标签选择器和标签标签）均使用 40px 圆角半径 — 这是系统内唯一的圆润形态。
- 在白色背景上为功能卡片插图和透明文本添加 #d7d3fd 或 #cfcbfd 色调 — 保持品牌紫色在内容区块中的存在，同时避免白色底面被过度染色。
- 为产品截图和突出框添加薰衣草色光阴影（rgba(238,217,253,0.25) 0px 16px 64px 4px） — 在紫色邻近内容上使用普通黑色阴影会破坏品牌色彩的立体感系统。
- 在紫色首屏区块中保持深色 CTA（#111111 胶囊）作为主要行动 — 面对饱和紫色的深色对比显得果断鲜明，而非品牌缺失。
- 在白色区块中使用 Inter 700 字体，字号 24-30px 用于小节副标题 — NaN Jaune Midi 仅用于显示尺寸；在小于 48px 的层级中，Inter 承担小节层级的结构层级。
建议避免
- 绝不将 NaN Jaune Midi Bold 用于小于 48px 的文本 — 该定制字体在文本尺寸下失去显示表现力，且在可读性上远逊于 Inter。
- 绝不在紫色首屏与白色区块之间添加渐变过渡 — 硬切是刻意的设计选择，而非过渡失误。
- 绝不使用语义性红绿状态色，除非确认其在设计系统中存在 — 提取数据中未检测到语义色；交互状态默认使用紫色（#5e51f8）。
- 绝不将卡片圆角半径设为低于 24px — 即使是小型 UI 元素也使用 12-20px；系统中不存在锐角卡片。
- 永远不要将薰衣草药丸按钮（#d5a8f5）作为唯一的主行动号召（CTA）——它会显得装饰性或次级，与深色药丸并列；务必与其搭配使用，或将其置于 #111111 主行动之下。
- 绝不使用暖色调或黄偏色调的阴影 — 所有立体效果均使用中性黑色 rgba(0,0,0,x) 或品牌调的薰衣草色 rgba(238,217,253,x)。不使用暖棕或金色阴影色调。
- 绝不将正文在卡片网格中超过2 行时居中对齐 — 功能卡片在卡片标题下方使用左对齐正文；多行居中正文会破坏卡片阅读节奏。
