Auros 网站预览
Auros 网站预览

Auros

深渊终端搭配生物发光数据球

Auros 作为一款深渊级金融科技终端:近黑色青绿色画布搭配生物发光数据球,以及青绿到粉红的渐变光效,暗示深度、流动性与流动感。界面简洁且具有电影感,仅使用单个定制显示字体(Matter)中等字重,并采用激进的负字间距以营造规模感而不喧宾夺主。色彩使用极为克制——无彩色的白色和银色承载绝大部分内容,而彩色调仅用于氛围渐变、卡片表面区分,以及一个标志性胶囊形按钮,该按钮从青绿-青色渐变至薰衣草粉。卡片通过微妙的青绿色调表面抬升(16px半径,无阴影)呈现,而非依赖抬升效果,因此层级感呈现为水的深度感,而非纸面阴影。组件设计感十足,具有仪器般的质感:大写带字间距的标签、细长几何箭头图标、大尺寸淡粉数字统计值。

查看原始网站

使用规范

建议采用

  • 仅使用青绿-绿色表面堆叠(#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)背景上——该粉色是深色文本的背景,而非浅色文本在深色表面的配色
  • 禁止使用任何超出液态青绿色系、银色中性色和薰衣草磷光辅助色之外的色彩——色彩方案被严格控制且具有目的性