Massive 品牌资源与指南
下载官方标志,查看我们的色彩方案,遵循使用指南以一致地呈现 Massive。
标志
我们的标志有多种变体适用于不同场景。尽可能使用全彩版本。选择浅色或深色变体以确保在不同背景上的对比度。
颜色
我们的色彩方案设计为大胆而亲切。橙色调是我们的主要品牌标识,而辅助颜色提供对比度和层次。
深橙色
#d74939主要强调色、行动按钮、重点浅橙色
#ff8163次要强调色、渐变、高亮深色
#121117主要文字、深色背景浅色
#FFFFFF背景、深色上的文字柔和蓝灰色
#607691次要文字、微妙图标绿色
#34d399机器模式强调色字体
我们使用两种字体:Outfit 用于展示和 UI 文本,JetBrains Mono 用于代码和等宽内容。
展示与 UI
Outfit
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
代码与等宽
JetBrains Mono
const data = await fetch()
{ status: 200, body: 'Hello, world!' }
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
使用指南
遵循这些规则以确保 Massive 品牌在所有媒体中准确且一致地呈现。
应该
- 使用本页面的官方标志文件
- 保持标志周围的最小空白区域
- 在深色背景上使用浅色标志,反之亦然
- 调整大小时保持标志比例不变
- 在空间有限时使用图标标记
不应该
- 拉伸、旋转或扭曲标志
- 在提供的变体之外更改标志颜色
- 为标志添加阴影或轮廓等效果
- 将标志放置在繁杂或低对比度的背景上
- 使用不同的字体或图标重新创建标志