Corporate Design Manual

letztes Update: 14.02.2024

Logo Farben Typografie Layout Grafische Elemente & Icons Brand Mockups / Anwendungsbeispiele

Logo

1.1

Das Logo

Dies ist das primäre Logo der Logistikbude GmbH. Es soll in der Kommunikation des Unternehmens Anwendung finden. Falls das Logo in seiner Primärfarbe in bestimmten Formaten nicht angewendet werden kann, gibt es alternative Optionen.

1.2

Sekundärlogo und Symbol

Falls das Format des primären Logos je nach Verwendung nicht optimal zur Geltung kommt, kann das Sekundärlogo verwendet werden. Alternativ das Symbol.

1.3

Freiflächen

Um die Lesbarkeit und Wirkung des Logos zu gewährleisten, ist darauf zu achten, dass um das Logo herum ein freier Raum bleibt, der dem Mindestabstand X entspricht.

= X

1.4

Anwendung

Falls das primäre Logo aufgrund der Farbgebung Konflikte verursacht, können alternativ diese Logos verwendet werden. Dasselbe gilt für das Sekundärlogo und das Symbol.

Hinweis:
Das Logo darf weder gestaucht, gestreckt, in seiner Anordnung verändert oder mit anderen Farben versehen werden.

Farben

1.1

Primärfarben

Die Primärfarben lassen sich mit aus den Logo ableiten und sind sofort erkennbare Elemente der Logistikbude. Die Anwendung der Farbpalette trägt maßgeblich dazu bei, eine starke visuelle Kommunikation in allen Bereichen zu erzeugen.

Hier sind die Farbcodes für Druck, Web und digitale Medien festgehalten.

CMYK

C: 96% M: 73% Y: 48% K: 54%

RGB

R: 22 G: 45 B: 63

HEX

#162d3f

CMYK

C: 0% M: 75% Y: 76% K: 0%

RGB

R: 242 G: 93 B: 61

HEX

#f25d3d

1.2

Sekundärfarben

Die Sekundärfarben lassen sich gut für gestalterische Elemente verwenden, sorgen beim Betrachter für Wohlbefinden und fördern das Vertrauen in die Marke Logistikbude.

Hier sind die Farbcodes für Druck, Web und digitale Medien festgehalten.

CMYK

C: 90% M: 64% Y: 32% K: 19%

RGB

R: 39 G: 79 B: 115

HEX

#202020

CMYK

C: 90% M: 64% Y: 32% K: 19%

RGB

R: 39 G: 79 B: 115

HEX

#274f73

CMYK

C: 49% M: 38% Y: 38% K: 20%

RGB

R: 129 G: 129 B: 129

HEX

#818181

CMYK

C: 28% M: 21% Y: 22% K: 3%

RGB

R: 192 G: 192 B: 192

HEX

#c0c0c0

CMYK

C: 5% M: 4% Y: 4% K: 0%

RGB

R: 244 G: 244 B: 244

HEX

#f4f4f4

CMYK

C: 0% M: 0% Y: 0% K: 0%

RGB

R: 255 G: 255 B: 255

HEX

#ffffff

Typografie

1.1

Primäre Schriftart

Die primäre Schriftart "Pangea" sollte für ein einheitliches Erscheinungsbild der Logistikbude konstant verwendet werden.

PANGEA REGULAR

PANGEA TEXT REGULAR

Credits & Details

Design Contributions
Azza Alameddine (Design Arabic)
Yanek Iontef (Design Hebrew)
Daniel Grumer (Design Hebrew)
Gergő Kókai
Tanya George (Co-Design Italics)
Gabriel Richter (Co-Design Italics)
Andreas Frohloff
Ilya Ruderman (Cyrillic consultancy)
Irene Vlachou (Greek consultancy)
Donny Truong (Vietnamese Consultancy)
Paul Hanslow (African Latin consultancy)

Mastering, Production
Christoph Koeberlin
Andreas Frohloff
Igino Marini (Spacing/Kerning)

Marketing
Christoph Koeberlin (Naming)
Ivo Gabrowitsch (Copywriting, Specimen, Imagery)
Anja Knust (Artwork, Imagery) 
Fungi Dube (Artwork, Imagery)
Azza Alameddine (Artwork)
Yanek Iontef (Artwork)
Olli Meier (Artwork, Specimen)
Nik Stohn (Motion Design)
Lucy Beckley (English Translation)
Jana Kühl (Imagery)

Design Period
2016–2022
Release Date
July 20, 2020; Updates March 9, 2021 (Italics); December 20, 2021 (African Latin); December 20, 2022 (Arabic, Hebrew)

Awards
‍Joseph Binder Award 2022 (Distinction)

‍Recommended Use
Advertising & Packaging
Editorial & Publishing
Logo, Branding & CI
Poster & Billboards
Responsive Design

1.2

Anwendung

Einheitliche Schriftgrößen, Proportionen und Zeilenabstände sollten für ein konstantes Erscheinungsbild beibehalten werden.

Headings
Pangea
Text height 1.2

H1 Headings 3.5 rem

Heading 1

H2 Headings 3 rem

Heading 2

H3 Headings 2.5 rem

Heading 3

H4 Headings 2 rem

Heading 4

H5 Headings 1.5 rem

Heading 5

H6 Headings 1.25 rem

Heading 6

Andere HTML Tags
Pangea Text
Text height 1.5

Paragrafen

Links

All Links

Blockzitat

Block Quote

Ungeordnete Liste

No bullet list
No bullet list

Ungeordnete Liste

No bullet list
No bullet list

Geordnete Liste

No bullet list
No bullet list
No bullet list

Textgrößen
Pangea Text
Text height 1.5

1.25 rem

1.125 rem

1 rem

0.875 rem

0.75 rem

Layout

1.1

Gestaltungsraster

Bei der Umsetzung von Designs und Layouts für die Logistikbude sollte stets darauf geachtet werden, dass Gestaltungsraster für die Anordnung der gestalterischen Elemente eingesetzt werden.

1.2

Balance und Kontinuität

Bei der Umsetzung von Designs und Layouts sollten bestimmte Regeln berücksichtigt werden. Diese sorgen in Summe für ein konstantes und ausbalanciertes Erscheinungsbild.

Elemente sollen im Verhältnis zur verfügbaren Fläche ausbalanciert platziert werden.
Gleichbleibende Abstände zwischen Elementen unterschiedlicher hierarchischer Ebenen wahren.
Stimmige Proportionen für das Verhältnis einzelner Elemente nach Möglichkeit beibehalten.

Grafische Elemente & Icons

1.1

Icons

icon-1x1-xxsmall

icon-1x1-xsmall

icon-1x1-small

icon-1x1-medium

icon-1x1-large

icon-1x1-xlarge

1.2

Divider

1.3

Buttons

button

Button Text

button

is-small

Button Text

button

is-large

Button Text

button

is-secondary

Button Text

button

is-text

Button Text

button

is-icon

Button Text

Brand Mockups / Anwendungsbeispiele

1.1

Brand Mockups

Typography

HTML Headings

All H1 Headings

Heading 1

All H2 Headings