Massive 品牌资源与指南

下载官方标志,查看我们的色彩方案,遵循使用指南以一致地呈现 Massive。

标志

我们的标志有多种变体适用于不同场景。尽可能使用全彩版本。选择浅色或深色变体以确保在不同背景上的对比度。

完整标志(彩色)
完整标志(彩色)
完整标志(白色)
完整标志(白色)
完整标志(浅色)
完整标志(浅色)
完整标志(深色)
完整标志(深色)
图标(全彩)
图标(全彩)
图标(浅色)
图标(浅色)
图标(深色)
图标(深色)

颜色

我们的色彩方案设计为大胆而亲切。橙色调是我们的主要品牌标识,而辅助颜色提供对比度和层次。

深橙色#d74939主要强调色、行动按钮、重点
浅橙色#ff8163次要强调色、渐变、高亮
深色#121117主要文字、深色背景
浅色#FFFFFF背景、深色上的文字
柔和蓝灰色#607691次要文字、微妙图标
绿色#34d399机器模式强调色

字体

我们使用两种字体:Outfit 用于展示和 UI 文本,JetBrains Mono 用于代码和等宽内容。

展示与 UI

Outfit

Google Fonts →

The quick brown fox jumps

The quick brown fox jumps over the lazy dog. 0123456789

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

代码与等宽

JetBrains Mono

Google Fonts →

const data = await fetch()

{ status: 200, body: 'Hello, world!' }

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

使用指南

遵循这些规则以确保 Massive 品牌在所有媒体中准确且一致地呈现。

应该

  • 使用本页面的官方标志文件
  • 保持标志周围的最小空白区域
  • 在深色背景上使用浅色标志,反之亦然
  • 调整大小时保持标志比例不变
  • 在空间有限时使用图标标记

不应该

  • 拉伸、旋转或扭曲标志
  • 在提供的变体之外更改标志颜色
  • 为标志添加阴影或轮廓等效果
  • 将标志放置在繁杂或低对比度的背景上
  • 使用不同的字体或图标重新创建标志