Altius 网站预览
Altius 网站预览

Altius

熔岩余烬映照在黑曜石上。一个内部被珊瑚火焰点亮的区块链指挥中心,深色表面通过细线缝隙透出暖光,内嵌区域泛出微光。

Altius 以火山余烬的调性呈现:深如黑曜石的表面被珊瑚色与焰橙高光温暖,如同用熔融玻璃与冷却岩浆绘制的区块链控制室。页面节奏在厚重的深色区块与轻盈的桃粉呼吸空间之间交替,形成热能振荡,而非传统全黑模式的加密货币界面。字形紧致且字重坚定——显示文本使用 Matter(无衬线字体)700字重,技术标签与说明则采用 Fabrikatmono(等宽字体)作为辅助。组件呈现出被压入的质感,而非悬浮状态:按钮带有内嵌的焰心光晕阴影,卡片使用深色背景上的细线珊瑚边框,首屏垂直渐变条带似声波或热谱图。色彩是品牌的主调——整体呈现深沉、温暖、自信的系统,以珊瑚橙作为功能性的强调元素,点缀在近黑色的画布之上。

查看原始网站

使用规范

建议采用

  • 所有主要内容区块的默认背景使用 Obsidian Ember(#190501)
  • 显示标题使用 60px Matter 700 字重,字间距 -2.58px
  • 谨慎使用 Flare Orange(#fa5838)作为功能性的强调元素——仅用于链接、点缀,每区块最多一个高亮元素
  • 所有主色填充按钮需添加 20px 内嵌的焰心光晕阴影(rgb(99,19,3))
  • 页面区块交替使用深色与 Vapor Peach(#feeae6)以形成热感节奏
  • 所有按钮圆角设为 4px,卡片圆角设为 8px——足够锐利以体现技术感,又足够柔和以体现手工质感
  • 使用Fabrikatmono 14px大写字母在Flare Orange中显示所有部分标签和技术标签

建议避免

  • 卡片或面板不添加阴影——系统仅使用细线边框与表面差异来区分层级
  • 不使用蓝色或冷色调——整个配色系统均为温暖调,从 Vapor Peach 延伸至 Molten Core
  • 不要使用 Flare Orange(#fa5838)作为填充按钮背景——Flare Orange 仅用于强调,不用于按钮填充
  • 不使用小于 48px 或大于 60px 的显示字号——字级系统被压缩且自信
  • 深色区块连续出现不得超过 2-3 个,之后必须插入一个 Vapor Peach 区块以维持热感交替——此为结构要求
  • 不使用通用无衬线字体作为主字体——Matter 紧凑的字间距是其品牌语调的一部分
  • 正文文本不添加颜色——保持正文在 Linen(#f7f6ff)背景上深色,或在 Obsidian Ember(#190501)背景上浅色