Styleguide

Stand – Juli 2021

Kommt das Logo auf farbigen Flächen oder auf schwarzen Flächen zum Einsatz, so darf nur die Negativ-Version in Weiß genutzt werden. Andere Varianten des Logos sind nicht zulässig.

Don't do this

Das Logo und seine Elemente stehen in einem festen Verhältnis zueinander und dürfen nicht verändert werden (z.B.):

– nicht horizontal oder vertikal verzerren
– falsche Farben
– falsche Anordnung
– falsche Größenverhältnisse
– falsche Typografie (Wortmarke)
– Logoelemente weglassen

Bildmarke

Die Bildmarke ist ein abstraktes Fahrrad, welches aus drei Kreiselementen besteht. Die Farbgebung ist Schwarz-Rot-Gelb.

Die Bildmarke kann farbig, oder in verschiedenen Graustufen als Visual eingesetzt werden.

Die Bildmarke kann auch als Negativ-Version (weiß) eingesetzt werden.

Soll Sie als Wasserzeichen auf farbigen Flächen genutzt werden, beträgt die minimale Deckkraft 25%. Wichtig ist, dass die keine wichtigen Elemente verdeckt.

Farben

Unsere Farben sind ein wichtiges Element unseres Corporate Designs. Sie stellen einen klaren visuellen Bezug zu unserem Firmennamen her und helfen so, unseren Auftritt eindeutig zu kommunizieren. Dabei unterscheiden wir in Primär- und Sekundärfarben. 

Primärfarben

Schwarz

CMYK
RGB
Hex

0-0-0-100
0-0-0
#000000

Rot

CMYK
RGB
Hex

10-100-100-0
212-15-20
#D40F14

Gelb

CMYK
RGB
Hex

0-20-93-0
255-205-0
#FFCD00

Sekundärfarben

Grau

CMYK
RGB
Hex

0-0-0-60
135-135-135
#878787

Dunkelgrau

CMYK
RGB
Hex

0-0-0-80
76-76-76
#4C4C4C

Grün

CMYK
RGB
Hex

70-30-90-0
95-141-67
#5F8D43

Typografie

Eine prägnante Unternehmensschrift ist ein Grundpfeiler für ein gutes Corporate Design.
Die „Lexend“ ist eine moderne Groteskschrift, die perfekt zu unserem Logo passt und
gleichzeitig in unseren verschiedenen Kommunikationsmedien zum Einsatz kommt.

Für Medien aus der Office-Welt nutzen wir die Century Gothic.

Schriften
Print & Web

Lexend Semi Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Lexend Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Schriften
Word & Power Point

Century Gothic Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Die Century Gothic ist eine Systemschrift und bereits auf Mac/PC vorinstalliert.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Century Gothic Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Die Century Gothic ist eine Systemschrift und bereits auf Mac/PC vorinstalliert.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.

Headline System

Zugang zur Mobilität
von Morgen.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Icons

Icons helfen dabei, verschiedene Sachverhalte oder Informationen schnell zu vermitteln.
Durch ihre möglichst reduzierte aber klare Darstellung sind sie universell einsetzbar und
ergänzen unser Erscheinungsbild.

Die Icons

Wir nutzen zwei Varianten von Icons:

Line-Version:
Die Icons bestehen nur aus Linien bzw. Konturen und haben keine Farbfüllung. Sie wirken eleganter und frischer.

Flächen-Version:
Die Icons bestehen aus Flächen und Linien. Sie sind deutlich prägnanter und ideal um wichtige Aussagen zu unterstreichen.

Gestaltungselemente

Ein Corporate Design ist mehr als ein Logo, Farben und Schrift.
Durch die Nutzung von verschiedenen Gestaltungselementen wirkt unser
Corporate Design frisch und modern.

Reifen

Der „Reifen“ ist ein Element aus dem Logo und kann als Gestaltungselement in verschiedenen Layouts und Medien genutzt werden.

Wichtig: Er darf keine wichtigen Elemente überlagern oder verdecken.

Flächen & Überlagerungen

Mit überlagernden Flächen haben wir ein Gestaltungselement, was Layouts Tiefe und Raum verleiht. Die Flächen können farbig oder weiß sein – sie dürfen keine wichtigen Bild- oder Designelemente überlagern oder verdecken.

Wichtig: Weiße Flächen bekommen einen kleinen Schlagschatten, um sich von einem weißen Hintergrund zu trennen.

Für die Schatten verwenden wir folgende CSS Attribute:

  • Typ: box-shadow
  • Offset X/Y: je 0px
  • blur-radius: 7px
  • spread-radius: 0px
  • color: rgba(0,0,0,0.3)


Vollständige CSS-rule:
box-shadow: 0 0 7px rgba(0,0,0,0.3);

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes.

Bildwelten

Eine gut ausgewählte Bildwelt stärkt jedes Corporate Design eines Unternehmens. Unsere Bildwelt hat vier Schwerpunkte: Urban, Natur, Bike und People. So können wir immer das passende Bildmotiv für unsere Botschaften nutzen.

Urban

Die „Urban“-Bildwelt zeigt hauptsächlich Mensch und Fahrrad in der Stadt. Die Motive reichen hier von Business bis Freizeit, von Familie bis Single, von Aktiv bis Gemütlich.

Natur

Die „Natur“-Bildwelt zeigt hauptsächlich Mensch und Fahrrad außerhalb der urbanen Räume. Die Motive sind aktiver und haben einen deutlichen Fokus auf die Natur (Wald, Feld, Berge, Straßen).

Bike

Die „Bike“-Bildwelt fokussiert sich auf das Fahrrad und seine Details. Die Motive reichen von reinem Produktbild über Detailaufnahme bis zur Inszenierung im Raum.

People

Die „People“-Bildwelt hat einen starken Fokus auf den Menschen, der Beratung rund um das Fahrrad sucht. Motive sind hier z.B. Gesprächs- oder Beratungszenen.

Beispiele

Alle Elemente unseres Corporate Designs im Einsatz.