Typografie

Die Schriftschnitte der Mulish werden unter anderem von Google Fonts zum Download angeboten (https://fonts.google.com). Die Schrift existiert in zwei unterschiedlichen Schriftarten:

1. Statische Schriften können als Einzelschriftschnitte eingesetzt werden. Diese werden insbesondere bei Office-Anwendungen empfohlen.

2. Variable Schriften sind dynamisch und befinden sich nur in einer Datei. Vorteil: bei digitalen Anwendungen benötigt man nur eine HTTP-Anforderung und ist somit schneller beim Laden des Contents.

Die Arial wird nur bei digitalen Umsetzungen eingesetzt, in welchen die Mulish systemtechnisch nicht unterstützt werden kann, wie z.B. in E-Mail-Signaturen.
Die Arial Black wird nur alternativ für die Wortmarke KWC eingesetzt, falls die Mulish Black nicht im System verfügbar sein sollte. Ansonsten gilt für die meisten Anwendungen Arial Regular, Arial Bold für Hervorhebungen und Arial Kursiv für Zitate. Die finalen Schriftgrössen können aus den jeweiligen Absatzformaten der Templates und Office-Vorlagen entnommen werden.

Zu einem modularen Layoutsystem gehört auch ein Grundlinienraster für den analogen Bereich. Allerdings ist dies nur eingeschränkt flexibel, um das Schriftbild insbesondere bei den kleinen Schriftgrössen wie z.B. Fliesstexte über alle möglichen Formate einheitlich zu gestalten. So gibt es etwa die Möglichkeit, Fliesstexte komplett oder Headlines nur ab jeder ersten Zeile am Grundlinienraster auszurichten.

So wird eine grösstmögliche Flexibilität im Layout bewahrt. Als Ausgangsbasis dienen die DIN-Formate im Printbereich – insbesondere das A4-Format. Um die Unitgrösse des Gestaltungsrasters zu ermitteln, gehen wir wie bei dem Gestaltungsprinzip vor (siehe Basiselemente Gestaltungsprinzip). Das Grundlinienraster wird durch die jeweilige Unit des jeweiligen Formates definiert. Diese wird durch 5 geteilt. Daraus ergibt sich ein Grundlinienraster mit 2,1 mm = 5,953 pt Zeilenabstand (am Beispiel A4).

Mit der Vereinheitlichung des Grundlinienrasters lassen sich verschiedene Formate mit einem Grundlinienraster zusammenfassen. Der Zeilenabstand beträgt dabei 5,953 pt. Das Grundlinienraster ist Bestandteil der Gestaltungszone (siehe Gestaltungsprinzip).

Grundsätzlich wird in allen Medien die Gestaltungszone und das Grundlinienraster mit 1 Unit Abstand zum Formatrand begrenzt. Dies kann aber auch variieren, wenn das Medium sehr umfangreich ist, wie zum Beispiel ein Katalog. In kleinen und schmalen Medien bietet es sich an, die Gestaltungszone und das Grundlinienraster mit 2 Units Abstand zum Formatrand zu begrenzen. Somit gewährleisten wir bei gedruckten Materialien die einwandfreie Umsetzung und Verarbeitung (Inhalte werden nicht abgeschnitten).

Das Spaltenraster kann ein zusätzliche modularer Baustein sein, um Inhalte noch deutlicher zu strukturieren. Es baut sich aus dem modularen System auf, um ein einheitliches Schriftbild zu gewährleisten. Die Anzahl der Spalten ist je nach Bedarf frei wählbar, sollte aber nicht mehr als 4 in der Gesamtzahl übersteigen. Zum Beispiel brauchen Produktübersichtsseiten deutlich mehr Spalten als ein normale Einleitungsseite. In den Templates gibt es dazu verschiedene Vorlagen. Der Spaltenabstand sollte aber im Medium möglichst konsistent sein und eine halbe Unit betragen.

Die Höhe der Spalten ist ebenfalls flexibel einstellbar und wird je nach Nutzen und Medium entsprechend angelegt. Der Abstand muss dabei nicht immer mit einer festen Unitgrösse berechnet, sondern darf auch mit einer zusätzlichen halben Unit angelegt werden.

Die Schrift wird immer am Grundlinienversatz der Versalhöhe ausgerichtet, damit sie problemlos positioniert werden kann. Die Laufweite beträgt dabei 10 und das Kerning läuft metrisch. Die Ausrichtung ist immer linksbündig. Um mehr Flexibilität im im Layout zu bewahren, werden Headlines sowie Top- und Sublines nur ab jeder ersten Zeile am Grundlinienraster ausgerichtet.

Farbigkeit
Die Farbigkeit aller Texte ist grundsätzlich schwarz oder auf dunklen Hintergründen weiss. Es gibt allerdings Ausnahmen, wenn es um Auszeichnungsfarben geht.

Schriftgrösse
Die Schriftgrösse der Headlines ist grundsätzlich flexibel und kann nach Bedarf ab 12,5 pt eingesetzt werden. Von den Headlines leitet sich die Grösse der Sub-/Toplines ab. Sie beträgt je nach Gestaltung 60 % der Headlinegrösse und ist somit etwas kleiner als die Headline.

Für die Berechnung der Top- und Preline gilt folgende Formel, die man auch bequem im InDesign automatisch berechnen kann – hier am Beispiel von 24 pt:

24 pt x 60 % = 29,76 pt Grösse der Top- bzw. Preline

Topline
Die Topline wird in der Mulish ExtraLight gesetzt. Die Schriftgrösse ist kleiner als die Headline und leitet sich mit 60 % der Headlinegrösse ab. Der Abstand zur Headline beträgt 124 %. Weitere Zeilen innerhalb der Topline werden wieder mit 124 % (abgeleitet von der Grösse der Topline) berechnet.

Headline
Die Headline wird in der Mulish ExtraLight abgesetzt. Die Schriftgrösse ist frei skalierbar, und wird mit einem Zeilenabstand von 124 % gesetzt.

Subline
Die Subline ist ebenfalls 60 % kleiner als die Headline. Der Abstand zur Headline muss allerdings ab der ersten Zeile mit einem Zeilenabstand 110 % (abgeleitet von der Headline) berechnet werden. Weitere Zeilen innerhalb der Subline werden wieder mit 124 % (abgeleitet von der Grösse der Subline) berechnet.

In den Templates sind alle Zeilenabstände schon vordefiniert. Falls aber eine manuelle Berechnung notwendig sein sollte, erfolgt dies einfach über die folgende Formel, die man auch bequem im InDesign automatisch berechnen kann – hier am Beispiel von 24 pt:

Topline: 24 pt x 124 % = 29,76 pt Zeilenabstand
Preline: 24 pt x 110 % = 26,4 pt Zeilenabstand

Für die Vielzahl an unterschiedlichen Medien gibt es unterschiedliche Textelemente, die nach Bedarf beliebig eingesetzt werden können. Hier die gängigsten Textelemente:

Fliesstext
Die Fliesstexte werden in der Mulish Light gesetzt und sind mit 9 pt und einem Zeilenabstand von 132 % definiert. Die Laufweite beträgt 10 und das Kerning ist metrisch.

Absatzüberschrift
Absatzüberschriften sind etwas grösser als der Fliesstext und werden in der Mulish ExtraBold gesetzt. Die Grösse der Texte beträgt 12,5 pt und werden mit einem Zeilenabstand von 132 % in schwarz gesetzt. Die Laufweite beträgt 10 und das Kerning ist metrisch.

Hervorhebung
Hervorhebungen im Text werden in der Mulish ExtraBold in schwarz abgesetzt und sind mit 9 pt und einem Zeilenabstand von 132 % definiert. Die Laufweite beträgt 10 und das Kerning ist metrisch.

Bildunterschriften, Fussnoten und Marginalien
Alle Textbausteine werden in der Mulish Light abgesetzt und sind mit 7 pt und einem Zeilenabstand von 132 % definiert. Die Laufweite beträgt 10 und das Kerning ist metrisch. Raster trifft dann immer nur jede erste Zeile. Grundsätzlich können Auszeichnungen in der Mulish ExtraBold gesetzt

Speziell für Medien mit dem Schwerpunkt Broschüre oder Magazin können weitere Textelemente wie z.B. Zitate, Einleitungstexte, etc. eingesetzt werden:

Einleitungstexte gross
Die Version der Einleitungstexte werden in der Mulish ExtraLight abgesetzt und sind mit einer Grösse ab 12,5 pt und einem Zeilenabstand von 132 % definiert. Die Laufweite beträgt 10 und das Kerning ist metrisch.

Einleitungstexte klein
Diese kleine Version der Einleitungstexte wird in der Mulish ExtraBold abgesetzt und ist mit 9 pt und einem Zeilenabstand von 132 % definiert. Die Laufweite beträgt 10 und das Kerning ist metrisch.

Zitate
Wenn man in der Kommunikation Zitate oder besonders wichtige Textpassagen hervorheben möchte, kann man auf den Schriftschnitt Mulish ExtraLight Italic zurückgreifen. Der Zitatgeber bzw. die Quelle darunter, in der Mulish ExtraBold.
Wenn man Zitate eher beiläufig in den Text einfliessen lassen möchte, bleibt dieser in der Definition des Fliestextes. Die Zitate können ab einer Grösse von 12,5 pt aufwärts mit einem Zeilenabstand von 132 % frei definiert werden. Die Laufweite beträgt dabei 10 und das Kerning ist metrisch. Die Quellenangabe bzw. Zitatgeber wird kleiner in der Schriftgrösse 7 pt gesetzt. Die Zitate sollten mindestens mit 1 Unit Abstand zum jeweiligen Text stehen.

Nummerierung
Bei der Nummerierung sind die Texte in der Mulish Light in 9 pt angelegt. Der Zeilenabstand wird mit 132 % definiert. Die Laufweite beträgt 10 und das Kerning ist metrisch. Die Ziffern werden in der Mulish ExtraBold in einem Abstand von 4,2 mm angelegt. Die Abstände zwischen den Absätzen sind mit 2,1 mm definiert.

Aufzählung
Die Aufzählung ist in der Mulish Light in 9 pt angelegt. Der Zeilenabstand wird mit 132 % definiert. Die Laufweite beträgt 10 und das Kerning ist metrisch. Die Bullets sind 50 % kleiner als die originale Glyphe und werden in der Mulish ExtraBold in einem Abstand von 2,1 mm angelegt. Die Abstände zwischen den Absätzen sind mit 2,1 mm definiert. In der 2.ten Hierarchie-Ebene werden zur besseren Unterscheidung die gefüllten Bullets zu ungefüllten Kreisen.

Trennzeichen
Als Trennzeichen werden gerade Striche aus dem Glyphensatz der Mulish eingesetzt. Durch diese Trennzeichen erhalten wir mehr Struktur und erhöhen somit die Lesbarkeit. Der Abstand der Trennzeichen vor und hinter dem Text beträgt ein Halbgeviert.

Das Markenfeld kann auch bewusster Träger von Inhalten sein z.B. auf Anzeigen. Dabei ist es wichtig, vorher zu entscheiden, wie viel Textmenge untergebracht werden muss. Das ist entscheidend für die Grösse des Markenfeldes. Das Markenfeld kann flexibel in unterschiedliche Grössen gesetzt werden (siehe dazu Kapitel Gestaltungsprinzip). Achtung: das Markenfeld darf mit Text nur so klein sein, dass der Inhalt noch gut leserlich bei 9 pt ist.

Die Wahl der Schriftgrösse kann prinzipiell flexibel eingesetzt werden. Dennoch gilt für Fliesstexte die definierte 9 pt Schriftgrösse und der definierte Zeilenabstand von 132 %. Die Headlines können in der Grösse frei gestaltet werden.

Die Textebene im Markenfeld wird um minimal 1 Unit reduziert, damit der Text zentral eingesetzt werden kann. Im Textrahmen muss unter den Grundlinienoptionen die Versalhöhe angegeben sein, damit der Text an den definierten Rahmen andocken kann. So kann der Textfluss entweder von oben nach unten oder von unten nach oben aufgebaut sein.

KWC Produktnamen werden immer in der versalen Schreibweise in schwarz abgesetzt. Damit rücken wir den Fokus klar auf das Produkt und die Marke. Die dafür eingesetzten Schriften sind die Mulish Black als Logo-Font für die Marke KWC (Metrisch, Laufweite = 0) und für die Produktbezeichnung die ExtraLight (Metrisch, Laufweite = 10). Die Schriftgrösse ist dabei frei wählbar und kann flexibel eingesetzt werden.

Es bietet sich an, alle Features in Tabellenform abzubilden, um so mehr Einheitlichkeit zu gewährleisten. Die Farbigkeit ist generell schwarz oder bei dunklen Hintergründen weiss. (Kerning metrisch, Laufweite = 0)

Featureheader
Im Header der Featureauflistung steht grundsätzlich der Produktname. KWC wird immer in Mulish Black und der Name in ExtraLight abgesetzt. Die Grösse ist frei wählbar und wird mit einer dünnen Linie in 0,25 pt von der Auflistung getrennt

Artikelnummer
Die Artikelnummer wird grundsätzlich in ExtraBold abgesetzt, um diese schneller auffinden zu können.

Features
Diese werden in Bulletform oder in Fliesstext abgesetzt. Die Schriftgrösse ist hierbei 9 pt oder bei grosser Textmenge sogar 7 pt. Der Zeilenabstand beträgt 132 %.

Tabellen orientieren sich in der ersten Zeile am Grundlinienraster. Farblich werden Tabellen in schwarz gesetzt, können aber bei Auszeichnungen mit KWC Rot hervorgehoben werden. Das Kerning ist metrisch und die Laufweite beträgt 10. Trennlinien sind variabel und nach Nutzen und Struktur einzusetzen.

Tabellenheader
Im Header der Tabellen stehen die jeweiligen Produktnamen oder Headlines. Die Schriftgrösse beträgt dabei 12,5 pt.

Tabelleninhalte
Fliesstexte werden in 9 pt Schriftgrösse in der Mulish Light gesetzt. Die Artikelnummern werden grundsätzlich in der Mulish ExtraBold hervorgehoben, um diese schneller auffinden zu können.

Fussnote oder Quellenhinweis
Die Schriftgrösse beträgt hierbei 7 pt und der Zeilenabstand 132 %. Der Abstand zwischen Text und der Tabelle beträgt eine halbe Unit.

Tabellen als Übersichtshilfe
Mit Hilfe eines tabellarischen Aufbaus können Inhalte auch als Orientierungshilfe dienen. Der Aufbau wird in der ersten Zeile am Grundlinienrasters ausgerichtet. Grundsätzlich wird die Übersicht in schwarz umgesetzt. Das Kerning ist metrisch und die Laufweite beträgt 10.

Der Tabellenheader wird in der Mulish ExtraLight abgesetzt. Die Schriftgrösse beträgt dabei 12,5 pt und wird mit einer dünnen Linie in 0,25 pt von dem Tabelleninhalt getrennt. Steht die Linie in weiss auf dunklem Hintergrund, hat sie eine Stärke von 0,4 pt um die Druckqualität zu garantieren.
Die Auflistung der Produkte werden in 9 pt Schriftgrösse in der Mulish Black und Light abgesetzt. Hervorhebungen wie z.B. „Neu“ werden in der Mulish ExtraBold in versal und in KWC Rot eingesetzt.

Störer helfen, bestimmte Inhalte zu betonen. Die Störer-Elemente sind grundsätzlich quadratisch aufgebaut und in der Markenfarbe KWC Rot eingefärbt.

Für die Störer wird die Mulish ExtraLight und wahlweise die Black in versal eingesetzt. Die Schriftgrösse kann dabei variieren. Das Kerning ist metrisch und die Laufweite beträgt dabei 10. Die Anzahl der Zeichen ist variabel, sollte aber maximal auf ca. 25 Zeichen begrenzt werden. Die Schrift wird zentriert in das Quadrat eingesetzt. Der Randabstand sollte mindestens 1/8 der Gesamtfläche des Quadrates betragen.