Die Typografie ist der Schlüssel zur Smart Chip Marke. Sie prägt, wie Menschen unsere Botschaft sehen und verstehen. Die konsequente Verwendung unseres Schriftbildes sorgt für Klarheit und stärkt die Wiedererkennung, was vor allem mit unserem flexiblen und sich weiterentwickelnden visuellen Stil wichtig ist.
Schriftart
Gute Lesbarkeit und Vielseitigkeit sind die obersten Prioritäten bei der Schriftauswahl. Unsere Hausschrift ist Manrope, sowohl in gedruckter Form als auch auf digitalen Geräten.
Manrope Regular
Manrope Bold
Manrope ExtraBold
Headlines & Begleittext
Wir unterscheiden zwischen zwei Anwendungsbereichen für unsere typografischen Regeln: Headlines und Begleittext.
Headlines sind die grossen, aufmerksamkeitsstarken Titel auf Postern, Plakaten, Bannern und so weiter.
Begleittext ist jeder andere Text auf einer Website, in einem Flyer usw.
Headlines
Headlines sind so gemacht, dass sie flexibel sind. Ihre Grösse ist nicht in Stein gemeisselt und hängt stattdessen vom Rasterlayout, der Grösse des Containers und mehr ab. Mehr darüber erfährst du in dem Abschnitt über Layouts.
Farbe
Schlagzeilen bestehen normalerweise aus zwei Teilen. Der erste Teil ist schwarz wenn der Hintergrund weiss ist und umgekehrt. Der zweite Teil wird mit einem Farbverlauf aus der Farbpalette hervorgehoben.
Wähle einen Farbverlauf, der die Bildsprache ergänzt. Sie kann entweder eine dominante Farbe im Bild widerspiegeln, ein auffälliges Detail aufgreifen oder einfach zur Stimmung passen.
Wenn du die Überschrift auf Bildern platzierst, ist die gesamte Überschrift entweder schwarz oder weiss, je nachdem, was den besten Kontrast und die beste Lesbarkeit bietet. Die Bilder geben bereits die Farbe vor, daher sollte der Text so klar und gut lesbar wie möglich sein.
Zeilenabstand & Laufweite
Der Zeilenabstand für Überschriften entspricht in der Regel der Grösse der Überschrift. Eine Überschrift mit einer Grösse von 50 pt hat einen Zeilenabstand von 50 pt, als Beispiel.
Wir lassen die Laufweite bei 0%.
Begleittext
Absatzstile
Es gibt vier Absatzformate für Begleittext. Sie sind so gestaltet, dass sie eine maximale Lesbarkeit und eine klare Hierarchie gewährleisten und den Inhalt so leicht wie möglich lesbar machen.
Begleittext wird immer linksbündig ausgerichtet.
Haupttitel sind die grossen, aufmerksamkeitserregenden Titel. Sie sind kurz (in der Regel nicht länger als fünf Wörter) und es sollte nur einen pro Seite geben.
Haupttitel verwenden Manrope Bold oder Extra Bold.
Untertitel werden verwendet, um Inhalte in Abschnitte zu gliedern und so die Navigation in den Informationen zu erleichtern. Du kannst sie auch verwenden, um wichtige Punkte hervorzuheben und die Aufmerksamkeit auf wichtige Informationen zu lenken.
Untertitel verwenden immer Manrope Bold.
Lauftext ist der Standardabsatzstil für Text.
Lauftext verwendet Manrope Regular, aber andere Schriftschnitte sind erlaubt, um Teile des Textes hervorzuheben, einen Punkt zu betonen und die Informationen so deutlich wie möglich zu machen.
Kleingedrucktes sind Fusszeilen, Haftungsausschlüsse und alles andere, was vorhanden sein muss, aber nicht im Vordergrund stehen muss.
Wie beim Lauftext sind alle Schriftschnitte erlaubt, wobei Manrope Regular der Standard ist.
Grössen
Verwende die Grösse des Lauftextes als Richtwert für die anderen Grössen. Die Standardgrösse für Lauftexte ist 10pt (Druck) oder 18px/1.12rem (Bildschirm).
Untertitel sind zweimal so gross. Das bedeutet einen Standardwert von 20pt (Druck) oder 36px/2,24rem (Bildschirm).
Haupttitel sind zwischen 3 bis 4,5 mal so gross, also 30 bis 45 pt (Druck) oder 54 bis 81 px/3,36 bis 5,3 pm (Bildschirm). Wähle eine Grösse, die am besten zu deiner Textmenge passt.
Kleingedrucktes ist 0,6 bis 0,8 mal so gross.
Zeilenabstand & Laufweite
Haupttitel und Untertitel verwenden einen Zeilenabstand von 100%.
Lauftext bekommt etwas mehr Spielraum mit einem Zeolenabstand von 130%.
Die Laufweite ist immer 0%.
Farbe
Titel, Untertitel und Lauftext sind entweder 100% schwarz oder weiss, abhängig von der Farbe des Hintergrunds.
Kleingedrucktes und ähnliches ist in 70% Helligkeit auf hellen Hintergründen oder 30% Helligkeit auf dunklen Hintergründen gesetzt.
Wie bei den Headlines kannst du auch bei den Haupttiteln und Untertiteln eine Farbe aus der Farbpalette wählen. Du kannst den gesamten Titel oder einzelne Wörter einfärben.
Zeilenumbrüche
Verwende Zeilenumbrüche zum Auflockern der Haupttitel und Untertitel. Das macht sie kompakter und gibt dem ganzen Text mehr Raum zum Atmen.
Titellänge
Halte Haupttitel kurz. Sie sollten prägnant sein und die Aufmerksamkeit mit nur wenigen Wörtern, in der Regel nicht mehr als fünf, fesseln. Wenn dein Titel länger ist, sollte er wahrscheinlich stattdessen ein Untertitel sein.
Auf einer typischen Seite gibt es nur einen Haupttitel.
Linienlängen
Unterteile langen Lauftext in zwei Spalten, aber nicht mehr. So bleiben die Zeilenlängen überschaubar. Ziele auf 45 bis 75 Zeichen (einschliesslich Leerzeichen und Satzzeichen) pro Zeile.
Haupttitel und Untertitel überspannen immer die Spalten.
Beispiele
Dies sind einige Beispiele dafür, wie du unterstützenden Text verwenden und ihn mit Bildern und grafischen Elementen kombinieren kannst.
Beispiele für Headlines findest du im Abschnitt über Layouts.
