Rive 网站预览
Rive 网站预览

Rive

近黑色基底、居中构图与大字排版。

页面以近黑色为基底,搭配近白色文字。局部操作控件以橙色强调。字体采用 Tomorrow、Inter。视觉特点包括居中构图、大字排版、宽松留白、网格布局。适合参考的场景:产品介绍页、品牌展示页。

查看原始网站

使用规范

建议采用

  • 所有标题、副标题和导航项均使用 'Tomorrow' 字体。
  • 将 'Ignition Orange' (#ffa41c) 仅保留用于每个页面的一个主要行动号召(CTA)。
  • 所有布局均基于纯色的 'Obsidian' (#000000) 背景构建。
  • 使用中性色阶来区分交互表面:#111111、#1d1d1d、#262626。
  • 所有主要交互元素(如按钮和卡片)的圆角半径保持 8px。
  • 为 'Tomorrow' 字体应用特定的字间距规则:大字号为负值,小字号为正值。
  • 标题使用 'Stark White' (#ffffff),正文使用 'Ash' (#aaaaaa) 或 'Dusk Gray' (#999999)。

建议避免

  • 不要使用阴影效果。通过彩色表面来实现层级感。
  • 不要引入任何新的饱和色。色彩方案严格限定为单色加一个橙色点缀。
  • 不要将 'Ignition Orange' 用于文本、边框或非交互性装饰。
  • 不要使用胶囊形或完全圆润的按钮。坚持 8px 圆角。
  • 不要使用浅色背景。整个品牌体验均为黑暗风格。
  • 不要将 'Tomorrow' 字体用于长段落正文;正文使用 'Inter'。
  • 不要使用渐变。整体美学为实色块构成。