Doppler
近黑色基底、圆角卡片与渐变展示。
Tripolis-Park™
白色基底、渐变展示与紧密字距。
页面以白色为基底，搭配近黑色文字。字体采用 Matter、IvarHeadline。视觉特点包括渐变展示、紧密字距、细线分隔、衬线字形。适合参考的场景：专题展示页、项目介绍页。
查看原始网站使用规范
建议采用
- 使用Aurora Lilac → Deep Iris渐变色（135deg）作为首屏区域、板块过渡和氛围分隔线的满幅背景，绝不可用作小元素的点缀或按钮填充。
- 所有展示文本统一设置为47px，使用IvarHeadline Medium（衬线字体）或Matter Medium/半粗体（无衬线字体），字间距控制在-0.015em至-0.025em之间——绝不可将展示文本设置为正文尺寸并使用粗体字重。
- 在所有 Matter 字体文本上通过 font-feature-settings 应用表格数字（'tnum'）—— 这代表精确性，是不可妥协的品牌标识。
- 所有组件（包括卡片、按钮、标签、边框）的圆角半径设置为 0px。锐角几何结构是系统的核心；增加圆角会削弱其建筑感。
- 在渐变/紫罗兰背景上使用白色文字（#ffffff），在白色表面使用 Midnight Ink（#000000）—— 严禁在白色背景上使用灰色文字作为主要内容。
- 在深色表面使用白色细线边框（1px），在浅色表面使用 Midnight Ink 或 Smoke Line（#cccccc）进行结构分隔。
- 所有间距以 6px 为基准单位 — 所有内边距、外边距和元素间距均以倍数形式（12px、18px、23px、36px）推导。
建议避免
- 不要向配色系统引入额外颜色 — 该系统为无彩色 + 紫罗兰渐变。禁止使用绿色、蓝色、红色或任何超出渐变范围的暖色点缀。
- 任何组件的圆角半径均不得大于 0px — 严禁使用圆角按钮、胶囊形标签或弧形卡片。锐角几何是刻意设计的。
- 标题的字重不要超过600（半粗）——系统依赖于中等到半粗的字重层级，而非粗体或黑体字重。
- 不要应用阴影或层叠效果 — 设计采用平铺表面与细线边框进行分隔，从不使用阴影。
- 不要在小 UI 元素（按钮、徽章、图标）上使用渐变 — 渐变仅适用于大尺寸的氛围表面。
- 正文文本不得低于 14px 或高于 18px — 14-18px 范围是该系统的唯一可读区间。
- 同一标题内不要混合衬线与无衬线字体 — 任选 IvarHeadline 或 Matter 之一，不可两者兼用。
