品牌资产与设计系统

Pigee。
品牌指南

您需要的一切,以保持Pigee品牌的一致性,包括徽标、色彩、排版、语调和使用规则。为全球物流电商量身定制。

v2025 Inter字体 5种核心色彩 8个徽标变体
Pigee吉祥物鸽子
01、徽标

徽标 变体

八个徽标文件,涵盖各种背景和使用场景。用于印刷和数字制作的SVG格式;不支持SVG的应用程序使用PNG格式。

页头Pigee徽标
标题徽标
用于浅色/米色导航栏和页头的主徽标。
浅色背景Pigee徽标
浅色背景
用于白色或非常浅的背景。
页脚Pigee徽标
页脚/深色背景
用于深海军蓝或炭灰色背景的反向徽标。
深粉色Pigee徽标
粉红色/品牌色
用于Pigee粉红色(#FB5D88)背景部分。
SVG
带副标题的Pigee徽标
徽标+副标题
《更聪明地发货,随处销售》标语锁定设计。用于英雄展示横幅和营销物料。
浅色背景Pigee徽标
受限,浅色
带有内置米色/白色背景框的徽标,用于背景无法控制的地方。
PNG
📐
清晰间距规则

始终保持最小清晰间距等于 "P" 在"Pigee"中的高度,围绕徽标的所有边,从不将徽标放置在离任何其他元素、边缘或文字更近的地方。

02、色彩

品牌 调色板

五种核心品牌色彩,经过精心考虑的角色设定。深蓝色传递信任和权威。粉红色驱动能量和行动。米色提供温暖。蓝色代表技术。绿色确认成功。

深蓝色
HEX#0A1B3A
RGB10, 27, 58
HSL220° 71% 13%
CMYK83, 54, 0, 77
主要·文本·CTA背景
Pigee 粉红色
HEX#FB5D88
RGB251, 93, 136
HSL342° 95% 67%
CMYK0, 63, 46, 2
品牌强调·CTA·眼眉·点
米色
HEX#FBF7F0
RGB251, 247, 240
HSL36° 67% 96%
CMYK0, 2, 4, 2
页面背景·板块填充
Pigee 蓝色
HEX#0077C8
RGB0, 119, 200
HSL207° 100% 39%
CMYK100, 41, 0, 22
技术·链接·次要操作
成功绿色
HEX#10B981
RGB16, 185, 129
HSL160° 84% 39%
CMYK91, 0, 30, 27
状态·确认·实时点
柔和
HEX#63708A
RGB99, 112, 138
HSL220° 16% 46%
CMYK28, 19, 0, 46
正文 · 辅助文本 · 图注
♿ 无障碍访问与对比度
深蓝色背景浅米色文字
比例: 18.1:1、AAA ✓
白色文字深蓝色背景
比例: 18.1:1、AAA ✓
深蓝色背景粉红色文字
比例: 3.9:1、AA 大号文字 ✓
白色文字蓝色背景
比例: 6.4:1、AA ✓
03、排版

类型 系统

Inter 是 Pigee 所有数字接触点的主要字体。其可变字重范围(400–900)为 Pigee 提供了易于理解的正文和富有冲击力的标题展示。Georgia 斜体专用于大标题中的编辑强调。

主要字体、Inter
更聪明地发货。
从店铺门店到世界各地的任何地址。Pigee 将 AI 报关、多快递商配送和支付整合到一个流程中。
字体Inter
重量400 · 500 · 600 · 700 · 800 · 900
来源Google Fonts
使用所有正文、UI、标题
展示斜体、Georgia
更聪明地。
遍布全球。
专门用于斜体 强调词汇 在大型展示标题中。与 Inter 的几何形状形成对比。
字体Georgia(系统)
样式仅斜体
粗细400 / 500
使用显示 em 仅文字
类型比例
显示
clamp(52px, 7vw, 82px)
粗细 900 · 字间距 −0.055em
标题 1
clamp(36px, 5vw, 60px)
粗细 900 · 字间距 −0.045em
标题 2
28px · 粗细 800
字间距 −0.03em
标题 3
20px · 粗细 700
字间距 −0.02em
大号正文,用于段落导语和英雄区域副标题。行距宽松,便于阅读。
17–18px · 粗细 400
行高 1.6
常规正文,是整个网站中卡片、描述和辅助内容的标准尺寸。
14–15px · 粗细 400
行高 1.65
✦ 眉目标签
11px · 粗细 800
字间距 +0.14em · 大写
Pigee吉祥物折纸鸽
04,吉祥物

The Pigee 鸽子

一只叼着包裹的折纸鸽子,可靠、聪慧、总能找到回家的路。这个吉祥物为营销、产品和社交媒体增添了温度和人性。

🕊️

折纸形态

几何感的折纸美学既体现了物流的工程精密性,又融合了日本文化中精细用心的工艺哲学。

📦

总是叼着东西

吉祥物嘴里的包裹别有深意,它代表使命、快递和我们对货物安全送达的承诺。

✨

轻盈漂浮

在深色区域出现时使用浮动动画(translateY + 轻微旋转)。在浅色卡片背景上保持静止。

🎨

色彩变体

吉祥物以蓝色(深色背景上的默认颜色)和粉色(深粉色区域上)呈现。切勿将其放在对比度不足的背景上。

05、语气与表达

Pigee 的声音

Pigee 在各个接触点上的表达方式保持一致:简洁有力、自信十足、不乏机智。我们从不居高临下,不过度推销,总是提供最实用的信息。

🗣️

清晰直接

Pigee 用简白的语言解释复杂的物流概念。无术语、无缩写堆砌。如果初中生看不懂,就要重新改写。

简洁 易理解
⚡

自信有力

Pigee 知道自己能做什么,并为此感到骄傲。句式简短。动词有力。陈述句优于疑问句。我们不绕弯子,我们送件。

果断 主动语态
😄

温暖人性

我们服务真实的人——店主、画廊策展人、旅客。我们与他们交流,而非对他们说教。温和幽默欢迎。讽刺不。

友善 同理心
✓ 这样写

"把画寄到东京。Pigee 在一条链接中搞定清关、报价和付款。"

✗ 不要这样写

"利用我们的端到端多式联运物流解决方案促进无缝跨境商业赋能。"

06、间距

间距 间距标记

八进制间距标度。所有边距、内边距和间隙应对齐这些值。

xs
4px
sm
8px
md
12px
base
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
section
80–100px
边框圆角
xs
6px
sm
10px
md
16px
lg
20px
xl
28px
pill
999px
07, 使用规则

Do & 不应该

在每个媒体和团队中保持品牌一致性的指南。

✓ 标志,应该这样做
  • 尽可能使用 SVG 文件,以获得任何尺寸的清晰呈现
  • 在所有边周围保持最小清晰空间规则
  • 为背景颜色选择正确的变体
  • 按比例缩放,不要拉伸或压缩
  • 在深海军蓝或木炭色背景上使用页脚变体
✗ 标志,不应该这样做
  • 不要重新着色、描边或为标志添加效果
  • 不要将其放在繁忙的照片上而不清楚背景
  • 不要以任何角度旋转或倾斜标志
  • 宽度低于 200 像素时,不要使用标语锁定
  • 不要在深色背景上使用浅色标志,反之亦然
✓ 颜色,应该这样做
  • 在任何深色主题布局上使用海军蓝作为主要锚点
  • 将粉红色专用于 CTA、突出显示和眉标签
  • 在浅色主题上使用奶油色作为主页面背景
  • 在奶油色或白色上配对海军蓝文字以获得最大可读性
  • 保留绿色用于状态指示器和确认状态
✗ 颜色,不应该这样做
  • 不要在没有批准的情况下引入新的品牌颜色
  • 不要将粉红色用作大背景填充(整个部分)
  • 不要使用纯 #000000 黑色,改用海军蓝
  • 不要将柔和色调 (#63708A) 用于大段落文本
  • 不要将蓝色和粉红色组合为竞争的主要操作
品牌资源

下载全部 资源

所有标志文件都可在上面单独获取。要请求完整品牌套件(包括宣传模板、演示文稿文件和社交资源),请联系 Pigee 营销团队。

🚀 SEO 优化 Pigee