aave.com 网站预览
aave.com 网站预览

aave.com

白色基底、紧密字距与分屏构图。

页面以白色为基底,搭配近黑色文字。字体采用 Aave Repro、Inter。视觉特点包括紧密字距、分屏构图、居中构图、网格布局。适合参考的场景:区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

  • 任何填充型 CTA 均使用 1584px 圆角——胶囊形状不可妥协,定义了品牌的按钮语言。
  • 仅将 #998eff 用于操作和强调元素;切勿用于正文、卡片边框或超过首屏薰衣草渐变的大型背景填充。
  • 将展示文本设为 72px / 500 字重 / 字间距 -3.6px——在大尺寸下激进的负字间距使标题显得定制而非模板化。
  • 将字体系统限定在 400–500 字重范围内;通过尺寸和字间距的调整建立层级,再考虑使用更粗的字重。
  • 卡片、输入框和次级按钮默认使用 20px 圆角;8px 保留用于徽章和导航项。
  • 仅在营销页面顶部使用薰衣草色渐变(#ffffff 逐渐过渡至 ~#ece6ff);产品部分必须以 #221d1d 表面起始。
  • 每个深色区域的 CTA 组必须配对一个填充白色胶囊与一个透明描边胶囊;切勿在同一组中使用两个填充按钮。

建议避免

  • 不要引入第二个色彩强调——整个界面为单色加 #998eff,增加其他色彩将破坏双表面系统。
  • 卡片或按钮上不要使用阴影;唯一被允许的阴影是浮动导航元素上的柔和 6px 模糊配方。
  • 正文文本大小不得大于 18px 或小于 14px;此尺寸范围是刻意设定的,各尺寸之间的空隙承载节奏感。
  • 不要打破从亮到暗页面的过渡序列;每页必须在营销首屏与任何产品详情之间经历一次明确的表面转变。
  • 不要使用粗体(600 及以上)字重;400–500 的范围是标志性特征,任何尺寸下更重的字重都会显得偏离品牌调性。
  • 不要将 #998eff 用作大于按钮或小徽章的背景填充——在大尺寸下会淹没暗色表面并丧失 CTA 的清晰度。
  • 在深色区域不要仅靠颜色来表达状态;必须搭配字重或尺寸变化,使含义在单色模式下依然可识别。