Auros

近黑色基底、胶囊形控件与渐变展示。
页面以近黑色为基底,搭配白色文字。字体采用 Matter、Arial。视觉特点包括胶囊形控件、渐变展示、紧密字距、分屏构图。适合参考的场景:技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 仅使用青绿-绿色表面堆叠(#011d1c → #012624 → #003734)进行背景区分——禁止引入灰色、黑色或蓝色表面
- 将极光渐变专用于主要行动号召(CTA)和标志性强调场景——禁止作为背景填充或装饰使用
- 所有标题均使用 Matter 字重 500——禁止使用粗体、轻体或其他字重,仅限显示尺寸
- 所有10–20px的区块标签、引题和眉题文字都采用大写,并设置0.08–0.15em字间距。
- 仅在大数值统计和强调数值中使用薰衣草磷光粉(#fde9ff)——禁止用于正文或UI控件
- 保持卡片半径为16px,小元素半径为6px——这两个数值构成完整的形状语言
- 所有大于36px的显示文本行高设为1.0,所有正文文本行高设为1.4——对比关系定义了字体节奏
建议避免
- 禁止使用投影阴影或框阴影实现层级感——差异化来自青绿堆叠中的表面色彩变化,而非阴影
- 禁止在显示尺寸中使用粗体(600+)或轻体(300-)字重——中等字重策略是系统机械感的核心
- 禁止在正文使用白色(#ffffff)——纯白仅用于标题和导航,正文使用银色(#bbc7c6)或雾感色(#edfffe)
- 禁止将极光渐变应用于单个按钮以外的文本、边框或背景——在大尺寸下会失去发光感
- 禁止使用超过16px的圆角——系统为锐角圆润,非胶囊形(按钮为6px,卡片为16px)
- 禁止将浅色文本置于浅粉(#fde9ff)背景上——该粉色是深色文本的背景,而非浅色文本在深色表面的配色
- 禁止使用任何超出液态青绿色系、银色中性色和薰衣草磷光辅助色之外的色彩——色彩方案被严格控制且具有目的性