Navigate 网站预览
Navigate 网站预览

Navigate

近黑色基底、满幅色块与网格布局。

页面以近黑色为基底。局部操作控件以黄绿色强调。字体采用 OldschoolGrotesk、Aeonik。视觉特点包括满幅色块、网格布局、大字排版、产品图像展示。适合参考的场景:区块链项目介绍页、生态网站首页。

查看原始网站

使用规范

建议采用

  • 使用 OldschoolGrotesk 800/900 字体在 80–165px 大小用于标题显示,行高 0.8–0.9,字间距 -0.03em 到 -0.04em
  • 区块交替以满幅填充色带(#141414 → #fdf9f0 → #ff6d38)形式呈现,而非画布上的卡片
  • 所有按钮、导航、标签和 FAQ 胶囊控件均使用 1000px 半径
  • 使用 #c7ff69 作为唯一色彩行动色——作为填充按钮或 2px 透明描边胶囊使用
  • 在引入或关闭任一区块时,始终以横向排列方式展示五枚彩色图标方块
  • 正文文本使用 Aeonik 400–500 字体,字号 13–16px,正字间距(0.01–0.015em)
  • 图标方块及任何中等尺寸表面使用 25px 半径

建议避免

  • 不添加阴影——系统刻意保持扁平与海报感
  • 除 #c7ff69 外,不使用任何其他色彩用于行动按钮;所有其他色彩仅用于图标和区块色带
  • 正文或 UI 字体大小不可超过 18px——从 36px 起所有视觉主导权均属于显示字体
  • 在图标方块之外,不得混合使用五种图标颜色——它们是固定五色组合,非自由调色盘
  • 显示标题的行高不可超过 1.0——压缩堆叠是其标志性特征
  • 不添加摄影、渐变或写实插画——系统仅包含文字、扁平色彩与图标
  • 不使用奶油色区块背景上的卡片布局——在奶油色区块中,卡片设计会输给画布