Typography

Unsere Typography ist einfach und funktionell. Sie wurde eingeführt, um unsere Kommunikation auf allen Kanälen zu vereinheitlichen ohne dabei auf Klarheit und Lesbarkeit verzichten zu müssen.

Download Fonts

Overview

In unserer Kommunikation nutzen wir eine Kombination aus den Fonts Roboto & Oswald.
Es ist wichtig, dass diese Kombination überall einheitlich genutzt wird. Dies sorgt für Klarheit und Wiedererkennung.

This is a two line title.
Wir nutzen Oswald Medium ausschließlich im Marketing Kontext und nur für Headlines mit maximal 3 Zeilen.
align center
Headlines werden immer left aligned.
lowercase
Wir benutzen keine lowercase Buchstaben in Oswald.
this is a more descriptive title.
Für alle anderen Inhalten, wie lange Texte, Reportings und Erklärungen nutzen wir Roboto Bold, Medium & Regular.
spacing
Wir verändern niemals den Abstand zwischen Buchstaben.
uppercase
Wir nutzen kein Capslock in Roboto.

Pairings

In unserer Kommunikation nutzen wir eine Kombination aus den Fonts Roboto & Oswald.
Es ist wichtig, dass diese Kombination überall einheitlich genutzt wird. Dies sorgt für Klarheit und Wiedererkennung.

this is a two line title
Wir nutzen Oswald Medium ausschließlich im Marketing Kontext und nur für Headlines mit maximal 2 Zeilen.
align center
Headlines werden immer left aligned.
lowercase
Wir benutzen keine lowercase Buchstaben.
this is a more descriptive title.
Für alle anderen Inhalten, wie lange Texte, Reportings und Erklärungen nutzen wir Roboto Bold, Medium & Regular.
align center
All Headlines in Oswald have to be left aligned
uppercase
All Headlines in Oswald have to be left aligned

Hierarchy

Unsere Typografie wird in einem hierarchischen System anhand von Wichtigkeit und Kontext organisiert. Dabei werden Position, Skalierung und Gewichtung situationsabhängig verändert. Oswald als Font für große Überschriften und Labels. Roboto wird vorwiegend für Fließtexte genutzt.

Hi I'm here. This is what we do
Awareness
Uber. Learn more
Consideration
download field
Action
This headline is three lines and set in medium

Call to Action

It is important to maintain these type pairings. This allows for clarity, consistency, and a strong hierarchy for all communications. Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.

Bold Header Regular Subhead
Medium Header Light Subhead

Hierarchy

It is important to organize typography in a hierarchical system according to relative importance or inclusiveness through scale and function depending on communication.

Awareness
Consideration
Action

Imagery

It is important to maintain these type pairings. This allows for clarity, consistency, and a strong hierarchy for all communications. Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.

Hierarchy

It is important to organize typography in a hierarchical system according to relative importance or inclusiveness through scale and function depending on communication.

Awareness
Consideration
Action

Guidance

It is important to maintain these type pairings. This allows for clarity, consistency, and a strong hierarchy for all communications. Medium weight should be paired with Light weight, and Bold weight should be paired with Regular weight.

Hierarchy

It is important to organize typography in a hierarchical system according to relative importance or inclusiveness through scale and function depending on communication.

Awareness
Consideration
Action
Tone of Voice
Iconography