Rive 网站预览
Rive 网站预览

Rive

精准夜视。界面是一副特制镜头,能穿透黑暗,以绝对清晰的精度聚焦于技术细节。

设计感觉像一款高端创意软件,一个聚焦于数字工坊的黑暗场景。纯黑色 #000000 的画布消除了所有干扰,将注意力完全集中在内容和界面之上。技术性强、字间距宽敞的 'Tomorrow' 字体是视觉核心标识,为所有标题赋予了未来感和蓝图般的质感。仅在主要行动号召(CTA)上出现温暖的 'Ignition Orange' 色彩,作为在单色环境中功能性的引导点。深度感并非通过阴影实现,而是通过暗灰色表面的细微变化来营造,如同精密硬件上的嵌套面板一般。

查看原始网站

使用规范

建议采用

  • 所有标题、副标题和导航项均使用 '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'。
  • 不要使用渐变。整体美学为实色块构成。