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