品牌资料包
提及 Vehicle Imagery 时您需要的一切:适用于浅色和深色背景的文字标识、配色、字体,以及让这一切保持体面的几条规则。
下载全部(zip,107 KB)标志
文字标识是主标志,图形标用于应用图标、头像这类小面积场合。SVG 可缩放到任意尺寸,几乎在所有场合都是正确选择;PNG 体积大且透明。
稳定地址
在设计工具之外的地方,尤其是邮件签名:这些地址永远不会改变,所以今天粘贴到模板中的标志一年后仍然有效。直接链接它们,无需下载。
https://vehicleimagery.com/logos/<dark|white>/<full|symbol>.<svg|png>- dark 是深色背景下的墨色版本。white 是浅色背景下的版本。
- full 是文字标志,symbol 是标志本身。
- PNG 的宽度是邮件中标志实际所在的宽度,文字标志为 400px,标志为 256px。在高分辨率屏幕上,在扩展名之前附加 @2x 以获得两倍的宽度。
- 每个 PNG 都有透明背景。在邮件中,这意味着深色版本在深色模板上会消失,所以要选择与放置位置相匹配的版本。
- 在电子邮件中使用 PNG。大多数客户端,包括 Gmail 和 Outlook,都拒绝在消息正文中渲染 SVG,因此标志会以空白框的形式到达。SVG 是为网络和印刷作品准备的。
- 在标记中为图像指定明确的宽度和高度。Outlook 会忽略图像上的 CSS 尺寸,否则会将其显示为全尺寸。
示例:/logos/dark/full.png · /logos/white/symbol@2x.png · /logos/dark/symbol.svg
颜色
网站和产品真正在用的配色。墨黑和白色撑起品牌,蓝色是强调色,暖中性色是背景。
#111418
墨黑深色区域、按钮,以及浅色底上的文字标识
#5680E0
强调蓝链接、高亮、交互强调色
#102A56
深蓝浅色表面上的加载状态与层次
#F6F4F1
暖白暖中性背景区块
#E8E6E3
Neutral暖色背景上的卡片与分隔线
#FFFFFF
白色基础背景,深色底上的文字标识
字体
一种字体贯穿始终:Geist,系统备选为 Arial。标题排得紧凑,正文保持舒适的行高。
每一辆车,随取随用,画面完美。
Geist 同时承担标题、界面和正文。如果无法加载,Arial 会保持版式完整。
Regular 400Medium 500Semibold 600
使用规范
简单说:按交付的样子使用文件,并给它们留出空间。
- 名称写成两个词:Vehicle Imagery。
- 浅色背景用墨黑文字标识,深色背景用白色。
- 标志四周至少留出字母 V 的高度作为空白。
- 只有在文字标识放不下的地方才单独使用图形标,比如应用图标和头像。
- 不要给文字标识改色、拉伸、旋转、描边或添加特效。
- 不要把文字标识放在杂乱的照片或低对比度背景上。
- 不要用其他字体重新绘制文字标识。