Eine für Smartphones optmierte Version wird in Kürze verfügbar sein
2.0.Stilelemente    2.7.Typographie

2.7.Typographie

Typografie ist ein wesentliches Element, mit dem Sie Ihr Design präsentieren, Inhalte organisieren, klare Hierarchien aufstellen und den Nutzer so klar und effizient wie möglich durch das Produkt oder die Erfahrung lenken können.

Hausschrift der Daimler AG ist die Schriftart Daimler CS (Corporate S). Die normaleVersion wird für alle Fließtexte verwendet, für Überschriften wird der Schnitt Bold verwendet.

Some Image

    Die Daimler CS Web-Schriftarten können von registrierten Benutzern vom Daimler Brand & Design Navigator heruntergeladen werden, nachdem der Administrator Ihnen zusätzliche Rechte zugewiesen hat. Die Web-Fonts wurden für alle direkt in Verbindung mit Daimler stehende Projekte lizenziert.

    Download der Schriftart Daimler CS (Corporate S) auf 4.2. Fonts-Seite.

    2.0.Stilelemente      2.7.Typographie      2.7.1.Überschriften

    2.7.1.Überschriften

    Für Überschriften wird der Schnitt Bold verwendet, in wenigen Ausnahmefällen können Überschriften auch in der leichten Version gesetzt werden. Die Schriftgröße der Überschriften ist groß und vorherrschend, um eine klare visuelle Hierarchie zu schaffen.

    Die voreingestellte Ausrichtung für Überschriften ist linksbündig. Überschriften können auch rechtsbündig ausgerichtet werden, wenn sie auf Bildern platziert werden. Damit sind Redakteure und Designer flexibler, wenn wichtige Teile eines Bildes von der Überschrift verdeckt würden.

    Bei Überschriften auf Bildern stehen diese auf einem weißen oder schwarzen Hintergrund. Bei Artikeln wird ein schwarzer Hintergrund verwendet, Teaser und Übersichtsseiten verwenden einen weißen Hintergrund. Damit ist die Lesbarkeit von Text auf Bildern immer gewährleistet. Bitte beachten Sie, dass diese Regeln für Überschriften ausschließlich dem Fall von Text auf Bildern vorbehalten ist.

    Eine Übersicht über alle Überschriftengrößen finden Sie im Sketch Design Kit, dass ab August 2019 zur Verfügung steht.

    Some Image
      2.0.Stilelemente      2.7.Typographie      2.7.2.Fließtext

      2.7.2.Fließtext

      Die typische Daimler Typografie wirkt klar und ist in einer großen und leicht lesbaren Schriftgröße gehalten. Nutzen Sie für Artikel ein Layout mit einer Spalte und achten Sie darauf, dass die Schriftgröße groß genug ist. Gehen Sie vorsichtig mit langen Textzeilen um – zu viele Wörter in einer Textzeile erschweren das Lesen erheblich. Als grobe Richtlinie gilt, dass eine einzelne Textzeile nicht mehr als 120 bis 150 Zeichen enthalten sollte.

      Wollen Sie Textpassagen besonders hervorheben, verwenden Sie dafür nicht die Kursivschrift, sondern Bold. Kursivschrift ist Zitaten und Bildunterschriften vorbehalten. Text-Links sind zur einfachen Erkennung in der Farbe Petrol gehalten und unterstrichen.

      Eine Übersicht über alle Schriftgrößen finden Sie im Sketch Design Kit.

      Some Image
        2.0.Stilelemente      2.7.Typographie      2.7.3.Schriftgrößen und responsives Verhalten

        2.7.3.Schriftgrößen und responsives Verhalten

        Schriftgrößen sind wie das restliche Design System responsiv. Eine Überschrift ist auf einem Desktop-Viewport größer als auf dem Display eines Mobilgeräts. Um das Verhalten jeder Textgröße zu verstehen, schauen Sie im Sketch Design Kit nach. Dieses beinhaltet vordefinierte Schriftarten für jeden Layout-Breakpoint.

        2.0.Stilelemente      2.7.Typographie      2.7.4.Daimler Financial Services Textstile

        2.7.4.Daimler Financial Services Textstile

        Daimler Financial Services (DFS) ist eine Untermarke der Daimler AG und nutzt einen eigenen, unverwechselbaren Textstil. Die Überschriften auf DFS Webseiten sind in der Schriftart Daimler CS extrafett und in Großbuchstaben gehalten. Im Gegensatz zu den Überschriften auf daimler.com haben auf einem Bild platzierte Überschriften niemals einen Hintergrund. Im Fließtext werden auf daimler.com und auf DFS Webseiten die gleichen Stile verwendet.

        Some Image
          2.0.Stilelemente      2.7.Typographie      2.7.5.Schriftvorlagen

          2.7.5.Schriftvorlagen

          Sie können vordefinierte, responsive Schriftarten aus dem Sketch Design Kit verwenden. Diese Stile helfen Ihnen dabei, die Typografie über alle Layout-Breakpoints hinweg so zu gestalten, dass diese im Einklang mit den Stilen und Verhaltensweisen von daimler.com stehen.