Altius 网站预览
Altius 网站预览

Altius

近黑色基底、等宽文字标注与渐变展示。

页面以近黑色为基底,搭配白色文字。字体采用 Matter、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)背景上浅色