Joby Aviation 网站预览
Joby Aviation 网站预览

Joby Aviation

暖白色基底、大幅摄影展示与细线分隔。

页面以暖白色为基底,搭配近黑色文字。字体采用 jobyDisplay、jobyText。视觉特点包括大幅摄影展示、细线分隔、宽松留白、单栏阅读排版。适合参考的场景:摄影作品集、视觉内容展示页。

查看原始网站

使用规范

建议采用

  • 所有标题都使用 jobyDisplay,字号为 48-207px,字间距为 -0.01em 至 -0.03em。紧压的大尺度文字是品牌主要标志。
  • 所有内容表面默认采用 Parchment Cream #f5f4df,文字为 Carbon Ink #0e1620。暖冷双色构成结构骨架。
  • Electric Blue #007ae5 留给漂浮卡片、底部横幅条和单色强调场景,绝不平铺到大面积区域。
  • 操作采用轮廓样式,使用 Outlined Action #083e6f 边框与 8px 圆角,而不是实心按钮。幽灵控件模式让界面在摄影前保持安静。
  • 标准卡片使用 16px 圆角,精选或促销容器使用 160px。圆角本身传达内容重要程度。
  • 正文直接漂浮在摄影上,以 2-4px 奶油色左边框强调,不将其包在卡片或遮罩中。
  • 保持宽裕间距:卡片内边距为 40px,垂直节奏为 32px,元素间距为 8-32px。宽敞密度让摄影呼吸。

建议避免

  • 不要使用实心矩形 CTA 按钮。系统改用轮廓操作、漂浮卡片或文字链接。
  • 不要采用标准灰色或带蓝色调的投影。唯一阴影是奶油色卡片上的暖卡其辉光。
  • 标题不要使用 700+ 的粗字重。jobyDisplay 的标志是极大字号下的字重 500-550,而非中等字号下的重字重。
  • 摄影文字背后不要添加深色遮罩或背景底板。对比已经内置在图像中。
  • 同一构图不要使用多种高饱和色。Electric Blue、Cobalt 和 Sunset Orange 各自出现在独立场景中,绝不同时出现。
  • 标题或正文不要使用 Arial、Helvetica 等系统字体。它们只作为 13px 按钮文字的备用字体。
  • 不要添加渐变、图案或装饰背景。每个表面都是实心奶油色、实心蓝色或照片。