Typografie
Die typografische Umgebung von Spaceship verwendet zwei Schriftarten: die freundliche und technische Gotham Rounded sowie die schlichtere und geometrischere Proxima Nova.
Die Typografie von Spaceship ist selbstbewusst und geradlinig und ermöglicht einen freundlichen und gesprächigen Ton mit unserem Publikum.
Primäre Schriftart
Gotham Rounded ist eine freundliche und dennoch anspruchsvolle Schriftart. Sie wird ausschließlich im Spaceship-Logo, bei Produkt-Subbrands und in den Team-Identitäten verwendet. Die einzigen erlaubten Schriftschnitte sind Medium, Book und Light.
Sekundäre Schriftart
Proxima Nova ist ein zentrales Element der grafischen Umgebung von Spaceship. Sie ist die Hauptschriftart für alle Kommunikationsmittel. Zulässig sind nur die Schriftschnitte Bold, Medium, Regular und Light.
Skalierung
Das Schriftskalensystem und die erforderlichen Größenstufen wurden mit dem Goldenen Schnitt (1:1,618) entwickelt und festgelegt.
Wir haben ein vollständiges Schriftskalenset mit einem typografischen Skalenrechner aus einer primären Basisgröße erstellt. Da der Goldene Schnitt große Sprünge zwischen den Größen erzeugt, ist eine sekundäre Basisgröße (2 × Basisgröße) erforderlich, um einen optimaleren Bereich zu schaffen. Das folgende Beispiel zeigt eine Schriftskala basierend auf 16px- und 32px-Basisgrößen.
Textstile
Proxima Nova bietet maximale optische Konsistenz sowohl bei kleinem Fließtext als auch bei großen Überschriften. Die breite Auswahl an Schriftschnitten macht sie für jeden Ton oder jede Botschaft geeignet. Linksbündiger Text ist vorzuziehen, zentrierte Ausrichtung kann jedoch bei Bedarf verwendet werden.
Für große Überschriften verwenden Sie Fettdruck, optisches Kerning, automatischen Zeilenabstand und 80 % Wortabstand.
Für reguläre Überschriften verwenden Sie Fettdruck, optisches Kerning, automatischen Zeilenabstand und 80 % Wortabstand.
Für kurze Zwischenüberschriften verwenden Sie mittlere oder reguläre Schriftschnitte, optisches Kerning, automatischen Zeilenabstand und 100 % Wortabstand.
Für lange Zwischenüberschriften verwenden Sie mittlere oder reguläre Schriftschnitte, optisches Kerning, automatischen Zeilenabstand und 100 % Wortabstand.
Für Absätze verwenden Sie reguläre oder leichte Schriftschnitte, metrisches Kerning, automatischen Zeilenabstand und 100 % Wortabstand.
Für kleinen Fließtext verwenden Sie reguläre oder leichte Schriftschnitte, metrisches Kerning, automatischen Zeilenabstand und 100 % Wortabstand.
Typografische Hierarchie
Für eine effektive Inhaltsstruktur sollte die Typografie die organisatorische Beziehung zwischen Überschriften, Zwischenüberschriften und Fließtext vermitteln. Die richtige Kombination von Schriftschnitten und Größen schafft einen starken visuellen Kontrast und hilft, den Leser zu führen.
Sichere Ränder
Wir verwenden den Zeilenabstand der Überschrift als Referenz für den Zeilenabstand, um maximale Lesbarkeit zu gewährleisten und sichere Ränder für die folgenden Textblöcke zu schaffen.
Farbkombinationen
Nur die unten aufgeführten Farbkombinationen sind bei der Verwendung von Text auf einfarbigen Hintergründen zulässig.
Hintergründe
Kontrast und Lesbarkeit sind entscheidende Elemente, wenn Text über Bildern oder farbigen Hintergründen verwendet wird.
Leitfaden
Hier sind einige Beispiele dafür, was Sie bei der Arbeit mit Text vermeiden sollten.
Verändern Sie die definierten Werte für Kerning, Wortabstand und Zeilenabstand nicht drastisch.
Beachten Sie die Hierarchie: stärkere Überschriften, leichtere Zwischenüberschriften, Fließtext usw.
Verwenden Sie keine rechtsbündigen Absätze.
Verwenden Sie keine anderen Farben für Texte, wie z. B. Hilfs-, Produkt- oder Subbrand-Farben.
Verwenden Sie nur weißen oder dunkelgrauen Text auf farbigen Hintergründen.
Lesbarkeit ist entscheidend. Platzieren Sie keinen Text auf komplexen Bildern oder Hintergründen mit ähnlichem Farbton.