Schriftarten

Roboto wird in Fällen verwendet, in denen Simplon nicht eingesetzt werden kann. Wenn eine Systemschrift absolut notwendig oder vorgeschrieben ist, ist Roboto ein akzeptabler Ausweg.

Im Folgenden finden Sie Beispiele für die Verwendung und Anwendung unseres Schrift- und Typografiesystems, die Ihnen zeigen, wie Sie es richtig und falsch einsetzen können. In unserem Gestaltungsrhythmus wirken Inhalt und Typografie wie ein gut abgestimmter Tanz zusammen. Diese Regeln geben vor, wie visuelle Schrift und inhaltliches Design zusammenarbeiten, damit sie sich gegenseitig ergänzen und eine perfekte Mischung aus Lesbarkeit, Ästhetik und Markenidentität ergeben. Einige visuelle Herausforderungen können mit inhaltlichen Änderungen gelöst werden, und einige inhaltliche Herausforderungen erfordern visuelle Lösungen.

Sie werden zwar konzeptionelle Leitlinien vorfinden, aber genaue Spezifikationen sind aufgrund der vielfältigen und dynamischen Natur der Medien, die unsere Marke umfasst, absichtlich nicht vorhanden. Abteilungen wie Print- oder Webdesign erstellen ihre eigenen Spezifikationen auf der Grundlage dieser Leitprinzipien, um sich an den besten Praktiken des jeweiligen Mediums zu orientieren.

Verwenden Sie unsere Schriftart Simplon Norm Bold in großen Größen, damit unsere heroischen, kraftvollen Aussagen eine große Wirkung erzielen.

Geben Sie großen Überschriften viel Platz. Lassen Sie die Botschaft für sich selbst sprechen, ohne dass sie durch überflüssige Grafiken oder die Nähe zu anderen Inhalten beeinträchtigt wird.

Große, fettgedruckte Aussagen sollten knapp gehalten sein; maximal 3-5 Wörter. Interpunktion kann verwendet werden, um mit einem Punkt oder einer Frage Dramatik zu erzeugen. Interpunktion und Satzbau sollten immer zusammen verwendet werden und nicht durcheinander.

Manchmal müssen wir eine aussagekräftige Erklärung abgeben, die nicht aus 3-5 Wörtern besteht. Verwenden Sie die normale Schriftart, aber halten Sie sich an die Regeln für Großbuchstaben, Abstände, Interpunktion und Großschreibung.

Überschriften und Wirkungsaussagen sind großformatig und erfordern eine geringere Zeilenhöhe als der Haupttext. Ein Verhältnis von 100 % zwischen Zeilenhöhe und Schriftgröße wird empfohlen, kann aber je nach Medium angepasst werden. Vermeiden Sie es einfach, die Zeilenhöhe so weit zu strecken und zu komprimieren, dass sich die Unter- und Oberlängen im Aufschlagtext berühren.

Überschriften und Wirkungsaussagen sind großformatig und erfordern eine geringere Zeilenhöhe als der Haupttext. Ein Verhältnis von 100 % zwischen Zeilenhöhe und Schriftgröße wird empfohlen, kann aber je nach Medium angepasst werden. Vermeiden Sie es einfach, die Zeilenhöhe so weit zu strecken und zu komprimieren, dass sich die Unter- und Oberlängen im Aufschlagtext berühren.

Verwenden Sie unsere Fettschrift nicht bei kleineren Größen, da sie bei kleineren Größen zu Problemen mit der Lesbarkeit führt. Wir müssen ein hohes Maß an Kontrast und Ordnung im Inhalt beibehalten, also verwenden Sie Größe, Farbe und Schriftgröße so, dass die Seite angenehm zu lesen ist.

Verwenden Sie die Impact-Behandlung nicht, um das Offensichtliche zu erklären. Verwenden Sie Überschriften, Zwischenüberschriften oder eine kurze Erläuterung, um diese Blöcke im Kontext zu halten.

Verwenden Sie die Schriftfarbe, um ein angenehmes Leseerlebnis zu schaffen, und verwenden Sie Farben, die zum Handeln anregen. Verwenden Sie niemals eine Aktionsfarbe als Überschrift. Reservieren Sie unser Blau für Aktionen und Links und vermeiden Sie die Verwendung für statische Schriften. Beachten Sie die folgenden Richtlinien zur Barrierefreiheit, um den richtigen Schriftkontrast zu finden.

Um sicherzustellen, dass möglichst viele unserer Kunden eine einheitliche Erfahrung machen, wollen wir immer so zugänglich wie möglich bleiben. Eine Möglichkeit, dies zu erreichen, ist die Einhaltung der WCAG 2.1-Richtlinien für das Kontrastverhältnis von Text.

Unten sehen Sie das minimal akzeptable Kontrastverhältnis für unsere Primärpaletten als Hintergrundfarben. Überlagert werden verschiedene akzeptable Textfarben aus unserer Palette. Mit "Minimum" meinen wir, dass wir den hellsten Text auf den helleren Hintergründen identifizieren, der verwendet werden kann, um die AAA-Standards zu erfüllen. Diese Farbe einschließlich aller dunkleren Farben in der Farbgruppe kann verwendet werden. Umgekehrt gilt dies für dunkle Hintergründe und helleren Text.

Bitte beachten Sie, dass eine fettgedruckte Textfarbe nur den AA-Standard erreicht und bei kleinen, leichten Schriftgraden vermieden werden sollte.

Wir zeigen nur empfohlene Textfarben. Lila, orange, gelbe und blaugrüne Akzente werden für Text nicht empfohlen.