品牌指南

一个标识,一种绿色,一种声音。

完整的 Protocore 品牌体系——标识、净空、色彩、字体、语气与命名——汇于一页。可在线阅读,也可下载 PDF。

标识系统

四种标识排版方式。

多面体核心标识是唯一的绘制素材。组合标识使用 Roboto Medium,将名称置于标识旁或其下方——切勿重新绘制任何一方。

标识

小尺寸下单独使用——favicon、应用图标,以及名称无法清晰显示的各种场合。

Protocore
横版组合标志

标志位于名称一侧。默认款——用于页眉、文档和签名。

Protocore
竖版组合标志

标志位于名称上方。用于方形位置——社交卡片、图块和印章。

头像图块

标志居中置于 1024 px 纯色图块上。适用于各平台头像。

留白与尺寸

四周留白,下限不破。

两个硬性数字,让标志在任何场合都清晰可辨。

留白——四边各留一个标志宽度。

16 px 的标志——数字端下限。
留白
四边各留标志自身的宽度。区域内不放任何内容——文字、线条、页面边缘都不行。
最小高度 · 数字
16 px。低于此值就看不清了——请单独使用标志,不要用组合标志。
最小高度 · 印刷
6 mm。

色彩

五种颜色,各司其职。

默认近乎单色。绿色是点缀色,不是主题色——绝不大面积填充。

墨黑
#0a0a0a
rgb 10 · 10 · 10

浅色底上的文字。深色表面。

纸白
#fafafa
rgb 250 · 250 · 250

浅色页面背景。

白色
#ffffff
rgb 255 · 255 · 255

纸色底上的卡片。墨色底上的文字。

强调色
#3fcf8e
rgb 63 · 207 · 142

绿色——仅用于深色表面。

浅色强调色
#0e9e6e
rgb 14 · 158 · 110

白底上的强调文字——链接与标签。

字体

让 Roboto 来说话。

两种字体覆盖一切。不用第三种字体,不用斜体强调。

一个内核,十二款产品。
Roboto 400 · 500 · 700

界面与标题——正文用 400,标题和组合标志用 500,700 慎用。

/// FACT SHEET · 12
Roboto Mono 400

标签、章节标签和数字——大写,宽字距。

常规 400中等 500粗体 700
/// SECTION LABEL

章节标签以三个斜杠加一个空格开头——使用 Roboto Mono,大写,宽字距。斜杠是键入的字符,不是绘制的图形。

语气与措辞

少说,说到位。

五条规则,覆盖 Protocore 的每一行文案,从标题到按钮标签。

01简短的陈述句一句话一个意思。能删的从句都删掉。
02具体数字只用真实数字——十二款产品,一个内核。不写数字,也好过写凑整的数字。
03不用夸饰形容词革命性、无缝、前沿——见一个删一个。让名词自己说话。
04不作监管声明品牌文案中,不得陈述或暗示牌照、注册或合规状态。
05仅首字母大写界面文案、标题和按钮不使用全大写。大写只用于等宽标签。

命名

产品都带家族名。

一种模式,无一例外。

首次提及
写全称——“Protocore Pay”“Protocore Gateway”。之后只用产品名。
PDS
Protocore Design System 的缩写。首次出现时写全称,之后用 PDS。
公司
Protocore——一个词,P 大写。切勿写成 ProtoCore、PROTOCORE 或 Proto Core。

使用规范

该做与不该做。

媒体资料包中的规则,扩展至整个体系。

应当
  • 01四周留出与标识宽度相等的净空。
  • 02浅色背景使用黑色版本,深色背景使用白色版本。
  • 03强调色版本仅用于墨黑色(#0a0a0a)表面。
  • 04请基于 SVG 文件缩放——标识在任何尺寸下都保持清晰。
  • 05位置为方形时,使用竖版组合标志。
  • 06高度低于 16 px 时,改用单独的标志。
不可
  • 01不要在提供的版本之外给标志重新配色。
  • 02不要旋转、描边,或添加阴影及其他效果。
  • 03不要重新绘制标识或改变其比例。
  • 04不要用其他字体书写 Protocore 名称——组合标识使用 Roboto Medium。
  • 05不要在白底上使用强调绿——此处的强调文字请用 #0e9e6e。
  • 06不要把标志放在照片或渐变上——只用纯墨色或纸色底。