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——压缩堆叠是其标志性特征
- 不添加摄影、渐变或写实插画——系统仅包含文字、扁平色彩与图标
- 不使用奶油色区块背景上的卡片布局——在奶油色区块中,卡片设计会输给画布