Brand Assets & Design System

Pigee.
Corporate Design Richtlinien

Alles, was Sie brauchen, um Pigee einheitlich zu repräsentieren: Logos, Farben, Typografie, Sprachstil und Verwendungsrichtlinien. Entwickelt speziell für den globalen Versandhandel.

v2025 Inter Typeface 5 Primärfarben 8 Logo-Varianten
Pigee-Maskottchen Taube
01. Logos

Logo Varianten

Acht Logo-Dateien für alle Hintergründe und Anwendungsfälle. SVG für Druck- und Digitalproduktion, PNG für Anwendungen ohne SVG-Unterstützung.

Pigee-Logo für Header
Header-Logo
Hauptlogo für helle/cremefarbene Navigationsleisten und Header.
Pigee-Logo für helle Hintergründe
Heller Hintergrund
Verwendung auf weißen oder sehr hellen Hintergründen.
Pigee-Logo für Footer
Footer / Dunkler Hintergrund
Umgekehrtes Logo für dunkelnavya oder Kohle-Hintergründe.
Pigee-Logo für dunkles Pink
Pink / Markenfarbe
Verwendung auf Pigee Pink (#FB5D88) Hintergrundbereichen.
SVG
Pigee-Logo mit Untertitel
Logo + Untertitel
"Ship Smarter, Sell Anywhere" Tagline Lockup. Verwendung in Hero-Bannern und Marketingmaterialien.
Pigee-Logo mit hellem Hintergrund
Geschlossen, Hell
Logo mit integriertem Creme-/Weißhintergrund, verwendung an Stellen, wo der Hintergrund nicht kontrolliert werden kann.
PNG
📐
Schutzbereich

Immer einen Mindestabstand gleich der Höhe des Buchstabens "P" in "Pigee" auf allen Seiten des Logos beibehalten. Platzieren Sie das Logo niemals näher als dieser Abstand an anderen Elementen, Kanten oder Text.

02, Farbe

Marken- palette

Fünf Kernmarkenfarben mit sorgfältig überlegten Rollen. Navy verankert Vertrauen und Autorität. Pink treibt Energie und Handlung an. Creme bietet Wärme. Blau signalisiert Technologie. Grün bestätigt Erfolg.

Navy
HEX#0A1B3A
RGB10, 27, 58
HSL220° 71% 13%
CMYK83, 54, 0, 77
Primär · Text · CTA-Hintergrund
Pigee Pink
HEX#FB5D88
RGB251, 93, 136
HSL342° 95% 67%
CMYK0, 63, 46, 2
Markenakzent · CTA · Augenbrauen · Punkte
Creme
HEX#FBF7F0
RGB251, 247, 240
HSL36° 67% 96%
CMYK0, 2, 4, 2
Seitenhintergrund · Bereichsfüllung
Pigee Blue
HEX#0077C8
RGB0, 119, 200
HSL207° 100% 39%
CMYK100, 41, 0, 22
Tech · Links · Sekundäre Aktionen
Erfolgreiches Grün
HEX#10B981
RGB16, 185, 129
HSL160° 84% 39%
CMYK91, 0, 30, 27
Status · Bestätigung · Live-Punkte
Gedimmt
HEX#63708A
RGB99, 112, 138
HSL220° 16% 46%
CMYK28, 19, 0, 46
Fließtext · Untertext · Beschriftungen
Barrierefreiheit & Kontrast
Navy auf Creme
Verhältnis: 18.1:1, AAA ✓
Weiß auf Navy
Verhältnis: 18.1:1, AAA ✓
Navy auf Rosa
Verhältnis: 3.9:1, AA large ✓
Weiß auf Blau
Verhältnis: 6.4:1, AA ✓
03, Typografie

Schrift System

Inter ist die primäre Schriftart für alle digitalen Touchpoints. Das variable Gewichtsspektrum (400–900) ermöglicht Pigee sowohl gut zugängliche Fließtexte als auch prägnante Display-Überschriften. Georgia italic ist für redaktionelle Hervorhebungen in großen Überschriften reserviert.

Primär, Inter
Intelligenter versenden.
Von deinem Einzelhandelsladen zu jeder Haustür weltweit. Pigee bringt KI-Zollabfertigung, Multi-Carrier-Versand und Zahlungen in einen Ablauf.
SchriftartInter
Gewichte400 · 500 · 600 · 700 · 800 · 900
QuelleGoogle Fonts
VerwendungAlle Text-, UI- und Überschriftselemente
Display Italic, Georgia
intelligenter.
global.
Nur für kursive Hervorhebungswörter in großen Display-Überschriften verwendet. Schafft Kontrast gegen Inters geometrische Formen.
SchriftartGeorgia (Systemschriftart)
StilNur Kursiv
Laufgewicht400 / 500
VerwendungDisplay em nur Wörter
Typografische Skala
Display
clamp(52px, 7vw, 82px)
Laufgewicht 900 · Zeichenabstand −0.055em
Überschrift 1
clamp(36px, 5vw, 60px)
Laufgewicht 900 · Zeichenabstand −0.045em
Überschrift 2
28px · Laufgewicht 800
Zeichenabstand −0.03em
Überschrift 3
20px · Laufgewicht 700
Zeichenabstand −0.02em
Großer Body-Text, verwendet für Einleitungsabsätze und Hero-Untertexte. Großzügiger Zeilenabstand für bessere Lesbarkeit.
17–18px · Laufgewicht 400
Zeilenabstand 1.6
Standard Body-Text, die Standardgröße für Karten, Beschreibungen und sekundäre Inhalte auf der gesamten Website.
14–15px · Gewichtung 400
Zeilenhöhe 1.65
✦ Dachzeile
11px · Gewichtung 800
Laufweite +0.14em · Großbuchstaben
Pigee-Maskottchen Origami-Taube
04, Maskottchen

Der Pigee Taube

Eine Origami-Taube, die ein Paket trägt – zuverlässig, überraschend intelligent und findet immer nach Hause. Das Maskottchen bringt Wärme und Persönlichkeit in Marketing, Produkt und Social Media.

🕊️

Origami-Form

Die geometrische, gefaltete Papierpapier-Ästhetik verweist sowohl auf die Ingenieurpräzision der Logistik als auch auf die japanische Philosophie sorgfältigen, absichtsvollen Handwerks.

📦

Trägt immer etwas

Das Paket im Griff des Maskottchens ist bewusst platziert – es signalisiert Zweck, Lieferung und das Versprechen, dass das, was Sie versenden, sicher ankommt.

Schwebt sanft

Verwenden Sie die Schwebanimation (translateY + leichte Rotation), wenn das Maskottchen auf dunklen Bereichen angezeigt wird. Halten Sie es still auf hellen Kartenhintergründen.

🎨

Farbvarianten

Das Maskottchen erscheint in Blau (Standard, auf dunkel) und Rosa (auf dunkelrosa Bereichen). Platzieren Sie es nie auf einem Hintergrund, vor dem es nicht kontrastiert.

05, Stimme & Ton

So spricht Pigee

Die Stimme von Pigee ist einheitlich über alle Kontaktpunkte hinweg: direkt, selbstsicher und ruhig witzig. Wir herabsetzen nie, überverkaufen nie und geben immer den nutzbringenden Teil.

🗣️

Klar & Direkt

Pigee erklärt komplexe Logistik in verständlichem Deutsch. Kein Jargon, keine Fachabkürzungen. Wenn ein Schüler der Sekundarstufe I es nicht versteht, schreiben wir es um.

Einfach Zugänglich

Selbstsicher & Energisch

Pigee weiß, was es tut und sagt es stolz. Kurze Sätze. Starke Verben. Aussagen statt Fragen. Wir zweifeln nicht, wir versenden.

Wagemutig Aktive Stimme
😄

Warm & Menschlich

Wir bedienen echte Menschen – Geschäftsinhaber, Galeristen, Reisende. Wir sprechen mit ihnen, nicht zu ihnen. Leichter Humor ist willkommen. Sarkasmus nicht.

Freundlich Einfühlsam
✓ So schreiben

"Schicke das Gemälde nach Tokio. Pigee kümmert sich um Zoll, Angebote und Zahlung in einem Link."

✗ Nicht so

"Nutze unsere ganzheitliche multimodale Logistiklösung, um nahtlose grenzüberschreitende Handelsermöglichung zu ermöglichen."

06, Abstände

Abstand Token

Eine Abstands-Skala mit Basis 8. Alle Ränder, Abstände und Lücken sollten sich an diese Werte halten.

xs
4px
sm
8px
md
12px
base
16px
lg
24px
xl
32px
2xl
48px
3xl
64px
section
80–100px
Eckenradius
xs
6px
sm
10px
md
16px
lg
20px
xl
28px
pill
999px
07, Verwendungsrichtlinien

Ja & nein

Richtlinien zur Gewährleistung der Markenkonsistenz in allen Medien und Teams.

✓ Logo, Ja
  • Verwenden Sie die SVG-Datei nach Möglichkeit für scharfe Darstellung in jeder Größe
  • Halten Sie den minimalen Freiraum auf allen Seiten ein
  • Verwenden Sie die richtige Variante für die Hintergrundfarbe
  • Skalieren Sie proportional, dehnen oder komprimieren Sie nie
  • Verwenden Sie die Fußzeilenvariante auf dunklem Marineblau oder Anthrazit
✗ Logo, Nein
  • Ändern Sie nicht die Farbe des Logos, versehen Sie es nicht mit Konturen oder Effekten
  • Platzieren Sie es nicht auf einem beschäftigten Foto ohne klaren Hintergrund
  • Drehen oder verzerren Sie das Logo nicht in irgendeinem Winkel
  • Verwenden Sie das Tagline-Lockup nicht in Größen unter 200px Breite
  • Verwenden Sie das helle Logo nicht auf dunklem Hintergrund oder umgekehrt
✓ Farbe, Ja
  • Verwenden Sie Marineblau als dominantes Ankerelement bei dunklen Layouts
  • Verwenden Sie Pink ausschließlich für CTAs, Hervorhebungen und Augenbrauen-Labels
  • Verwenden Sie Creme als primären Seitenhintergrund bei hellen Designs
  • Kombinieren Sie Marineblauen Text auf Creme oder Weiß für maximale Lesbarkeit
  • Reservieren Sie Grün für Statusindikatoren und Bestätigungszustände
✗ Farbe, Nein
  • Führen Sie keine neuen Markenfarben ohne Genehmigung ein
  • Verwenden Sie Pink nicht als großflächige Hintergrundfüllung (Abschnittsweit)
  • Verwenden Sie nicht reines #000000 Schwarz, verwenden Sie stattdessen Navy
  • Verwenden Sie den Muted-Ton (#63708A) nicht für große Fließtexte
  • Kombinieren Sie nicht Blau und Pink als konkurrierende primäre Aktionen
Markenressourcen

Alle herunterladen Ressourcen

Alle Logodateien sind oben einzeln verfügbar. Um das vollständige Brand Kit anzufordern, einschließlich Kampagnenvorlagen, Präsentationsdateien und Social-Media-Assets, wenden Sie sich an das Pigee-Marketingteam.

🚀 SEO von Pigee