Brand Assets & Design System

Pigee.
Brand Guide

Everything you need to represent Pigee consistently โ€” logos, colours, typography, voice and usage rules. Built from the ground up for global shipping commerce.

v2025 Inter Typeface 5 Core Colours 8 Logo Variants
Pigee mascot pigeon
01 โ€” Logos

Logo variants

Eight logo files covering every background and use case. SVG for print and digital production; PNG for applications that don't support SVG.

Pigee logo for header
Header Logo
Primary logo for light/cream navigation bars and headers.
Pigee logo for light backgrounds
Light Background
Use on white or very pale backgrounds.
Pigee logo for footer
Footer / Dark Background
Reversed logo for dark navy or charcoal backgrounds.
Pigee logo for dark pink
Pink / Brand Colour
Use on Pigee pink (#FB5D88) background sections.
SVG
Pigee logo with subtitle
Logo + Subtitle
"Ship Smarter, Sell Anywhere" tagline lockup. Use in hero banners and marketing materials.
Pigee logo with light background
Contained โ€” Light
Logo with a built-in cream/white background box โ€” use in places where background cannot be controlled.
PNG
๐Ÿ“
Clear Space Rule

Always maintain a minimum clear space equal to the height of the letter "P" in "Pigee" around all sides of the logo. Never place the logo closer than this distance to any other element, edge, or type.

02 โ€” Colour

Brand palette

Five core brand colours with carefully considered roles. Navy anchors trust and authority. Pink drives energy and action. Cream provides warmth. Blue signals technology. Green confirms success.

Navy
HEX#0A1B3A
RGB10, 27, 58
HSL220ยฐ 71% 13%
CMYK83, 54, 0, 77
Primary ยท Text ยท CTA background
Pigee Pink
HEX#FB5D88
RGB251, 93, 136
HSL342ยฐ 95% 67%
CMYK0, 63, 46, 2
Brand accent ยท CTA ยท Eyebrows ยท Dots
Cream
HEX#FBF7F0
RGB251, 247, 240
HSL36ยฐ 67% 96%
CMYK0, 2, 4, 2
Page background ยท Section fill
Pigee Blue
HEX#0077C8
RGB0, 119, 200
HSL207ยฐ 100% 39%
CMYK100, 41, 0, 22
Tech ยท Links ยท Secondary actions
Success Green
HEX#10B981
RGB16, 185, 129
HSL160ยฐ 84% 39%
CMYK91, 0, 30, 27
Status ยท Confirmation ยท Live dots
Muted
HEX#63708A
RGB99, 112, 138
HSL220ยฐ 16% 46%
CMYK28, 19, 0, 46
Body copy ยท Subtext ยท Captions
โ™ฟ Accessibility & Contrast
Navy on Cream
Ratio: 18.1:1 โ€” AAA โœ“
White on Navy
Ratio: 18.1:1 โ€” AAA โœ“
Navy on Pink
Ratio: 3.9:1 โ€” AA large โœ“
White on Blue
Ratio: 6.4:1 โ€” AA โœ“
03 โ€” Typography

Type system

Inter is the primary typeface across all digital touchpoints. Its variable weight range (400โ€“900) gives Pigee both approachable body copy and punchy display headlines. Georgia italic is reserved for editorial emphasis in large headings.

Primary โ€” Inter
Ship smarter.
From your shop counter to any doorstep worldwide. Pigee brings AI customs, multi-carrier delivery and payments into one flow.
TypefaceInter
Weights400 ยท 500 ยท 600 ยท 700 ยท 800 ยท 900
SourceGoogle Fonts
UseAll body, UI, headings
Display Italic โ€” Georgia
smarter.
global.
Used exclusively for italicised emphasis words within large display headings. Creates contrast against Inter's geometric geometry.
TypefaceGeorgia (system)
StyleItalic only
Weight400 / 500
UseDisplay em words only
Type Scale
Display
clamp(52px, 7vw, 82px)
weight 900 ยท tracking โˆ’0.055em
Heading 1
clamp(36px, 5vw, 60px)
weight 900 ยท tracking โˆ’0.045em
Heading 2
28px ยท weight 800
tracking โˆ’0.03em
Heading 3
20px ยท weight 700
tracking โˆ’0.02em
Body large โ€” used for lead paragraphs and hero subtext. Generous line-height for readability.
17โ€“18px ยท weight 400
line-height 1.6
Body regular โ€” the workhorse size for cards, descriptions and secondary content throughout the site.
14โ€“15px ยท weight 400
line-height 1.65
โœฆ Eyebrow Label
11px ยท weight 800
tracking +0.14em ยท uppercase
Pigee mascot origami pigeon
04 โ€” Mascot

The Pigee pigeon

An origami pigeon carrying a parcel โ€” reliable, surprisingly smart and always finding its way home. The mascot adds warmth and personality across marketing, product and social.

๐Ÿ•Š๏ธ

Origami Form

The geometric, folded-paper aesthetic references both the engineering precision of logistics and the Japanese philosophy of careful, intentional craft.

๐Ÿ“ฆ

Always Carries Something

The parcel in the mascot's grip is deliberate โ€” it signals purpose, delivery and the promise that what you send will arrive safely.

โœจ

Floats Gently

Use the floating animation (translateY + slight rotation) when the mascot appears on dark sections. Keep it still on light card backgrounds.

๐ŸŽจ

Colour Variants

The mascot appears in blue (default, on dark) and pink (on dark pink sections). Never place it on a background it won't contrast against.

05 โ€” Voice & Tone

How Pigee speaks

Pigee's voice is the same across every touchpoint: plain-spoken, confident and quietly witty. We never condescend, never oversell and always give people the useful part.

๐Ÿ—ฃ๏ธ

Clear & Direct

Pigee explains complex logistics in plain English. No jargon, no acronym soup. If a secondary-school student can't understand it, rewrite it.

Simple Accessible
โšก

Confident & Energetic

Pigee knows what it does and says it proudly. Short sentences. Strong verbs. Statements over questions. We don't hedge โ€” we ship.

Bold Active voice
๐Ÿ˜„

Warm & Human

We serve real people โ€” shop owners, gallery curators, travellers. We speak to them, not at them. Light humour is welcome. Sarcasm is not.

Friendly Empathetic
โœ“ Write this

"Ship the painting to Tokyo. Pigee handles customs, quotes and payment in one link."

โœ— Not this

"Leverage our end-to-end multi-modal logistics solution to facilitate seamless cross-border commerce enablement."

06 โ€” Spacing

Space tokens

A base-8 spacing scale. All margins, paddings and gaps should snap to these values.

xs
4px
sm
8px
md
12px
base
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
section
80โ€“100px
Border Radius
xs
6px
sm
10px
md
16px
lg
20px
xl
28px
pill
999px
07 โ€” Usage Rules

Do & don't

Guidelines to protect brand consistency across every medium and team.

โœ“ Logo โ€” Do
  • Use the SVG file wherever possible for crisp rendering at any size
  • Maintain the minimum clear-space rule around all sides
  • Use the correct variant for the background colour it sits on
  • Scale proportionally โ€” never stretch or compress
  • Use the footer variant on dark navy or charcoal backgrounds
โœ— Logo โ€” Don't
  • Don't recolour, outline or add effects to the logo
  • Don't place it on a busy photo without a clear background
  • Don't rotate or skew the logo at any angle
  • Don't use the tagline lockup at sizes under 200px wide
  • Don't use the light logo on dark backgrounds or vice versa
โœ“ Colour โ€” Do
  • Use Navy as the dominant anchor on any dark-theme layout
  • Use Pink exclusively for CTAs, highlights and eyebrow labels
  • Use Cream as the primary page background on light themes
  • Pair Navy text on Cream or White for maximum readability
  • Reserve Green for status indicators and confirmation states
โœ— Colour โ€” Don't
  • Don't introduce new brand colours without sign-off
  • Don't use Pink as a large background fill (section-wide)
  • Don't use pure #000000 black โ€” use Navy instead
  • Don't use the Muted tone (#63708A) for large body text
  • Don't combine Blue and Pink as competing primary actions
Brand Assets

Download all assets

All logo files are available individually above. To request the full brand kit โ€” including campaign templates, presentation files and social assets โ€” contact the Pigee marketing team.

๐Ÿš€ SEO by Pigee