Typografie anwenden

Mit Sammlungen den Überblick behalten Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.

Die Schriftart „Display“ wird für große, kurze Textzeilen verwendet, um wichtige Informationen, wichtige Messwerte, Vertrauenswürdigkeit oder ausdrucksstarke Markenmomente auf einen Blick zu präsentieren.

• DisplayLarge ist der größte Anzeigentitel. Displays sind der größte Text auf dem Bildschirm. Sie sind für kurze, gut sichtbare Informationen, wichtige Messwerte, überzeugende oder ausdrucksstarke Markenmomente vorgesehen, die von einer großen Schrift und einem ausdrucksstarken Stil profitieren.
• DisplayMedium ist die zweitgrößte Überschrift. Displays sind der größte Text auf dem Bildschirm. Sie sind für kurze, gut sichtbare Informationen, wichtige Messwerte, überzeugende oder ausdrucksstarke Markenmomente vorgesehen, die von einer deutlichen Größe und einem ausdrucksstarken Stil profitieren.
• DisplaySmall ist die kleinste Überschrift. Displays sind der größte Text auf dem Bildschirm. Sie sind für kurze, gut sichtbare Informationen, wichtige Messwerte, überzeugende oder ausdrucksstarke Markenmomente vorgesehen, die von einer großen Schrift und einem ausdrucksstarken Stil profitieren.

„Title“ ist hierarchischer Text, der als Orientierungshilfe dient, z. B. der Titel einer Seite, eines Abschnitts oder eines Unterabschnitts (im Fall von „TitleSmall“).

• TitleLarge ist der größte Titel. Titel sind kleiner als Anzeigen. Sie werden in der Regel für Text mit mittlerer Betonung verwendet, der kürzer ist. Sie werden nicht für interaktive Komponenten empfohlen, sondern eher für Seitenüberschriften oder Zwischenüberschriften.
• TitleMedium ist der Titel des Mediums. Titel sind kleiner als Anzeigen. Sie werden in der Regel für Text mit mittlerer Betonung verwendet, der kürzer ist. Sie werden nicht für interaktive Komponenten empfohlen, sondern eher für Seitenüberschriften oder Zwischenüberschriften.
• TitleSmall ist der kleinste Titel. Titel sind kleiner als Anzeigen. Sie werden in der Regel für Text mit mittlerer Betonung verwendet, der kürzer ist. Sie werden nicht für interaktive Komponenten empfohlen, sondern eher für Seitenüberschriften oder Zwischenüberschriften.

„Label“ wird für Text auf Komponentenebene verwendet, der eine Aktion beschreibt, die ausgeführt wird, wenn eine Interaktion erfolgt. Die gängigste und am häufigsten verwendete Anwendung für Labels ist Text, der in einer Schaltfläche verschachtelt ist.

• LabelLarge ist das größte Label. Labels werden verwendet, um gut sichtbare Texte wie Labels auf Titelschaltflächen auf interaktiven Komponenten anzuzeigen.
• LabelMedium ist das Medium-Label und wird am häufigsten verwendet. Labels werden verwendet, um Text wie das primäre Label auf Schaltflächen anzuzeigen, die auf interaktive Komponenten angewendet werden.
• LabelSmall ist das kleine Label. Labels werden zum Anzeigen von Text verwendet, z. B. als sekundäres Label auf Schaltflächen oder Labels auf kompakten Schaltflächen, die auf interaktive Komponenten angewendet werden.

Der Textkörper ist für Inhaltstext wie Absätze mit Textkörper, Text in komplexen Datenvisualisierungen, Zeitstempel und Metadaten reserviert.

• BodyLarge ist der größte Körper. Textkörper werden in der Regel für längere Texte verwendet, da sie sich gut für kleine Textgrößen eignen. Für längere Textabschnitte wird eine Serifen- oder serifenlose Schriftart empfohlen.
• BodyMedium ist der zweitgrößte Körper. Textkörper werden in der Regel für längere Texte verwendet, da sie sich gut für kleine Textgrößen eignen. Für längere Textabschnitte wird eine Serifen- oder serifenlose Schriftart empfohlen.
• BodySmall ist das drittgrößte Body-Element. Textkörper werden in der Regel für längere Texte verwendet, da sie sich gut für kleine Textgrößen eignen. Für längere Textabschnitte wird eine Serifen- oder serifenlose Schriftart empfohlen.
• BodyExtraSmall ist der kleinste Body. Textkörper werden in der Regel für längere Texte verwendet, da sie sich gut für kleine Textgrößen eignen. Für längere Textabschnitte wird eine Serifen- oder serifenlose Schriftart empfohlen.

Diese Textstile werden für Ziffern verwendet und sind in der Regel auf wenige Zeichen beschränkt. Bei größeren Displaygrößen können sie ausdrucksstärker sein. Ermöglicht eine flexible Erweiterung der Breitenachse mit minimalen Problemen bei Lokalisierung und Schriftgrößenänderung.

• NumeralsExtraLarge ist die größte Rolle für Ziffern. Für Ziffern wird standardmäßig ein Tabellenabstand verwendet. Sie heben Zahlen hervor, die auf einen Blick erfasst werden können und nur zwei oder drei Zeichen lang sind, und sind dort zu finden, wo keine Lokalisierung erforderlich ist, z. B. auf dem Ladebildschirm oder in der Zeitauswahl.
• NumeralsLarge ist die zweithöchste Rolle für Ziffern. Für Ziffern wird standardmäßig ein Tabellenabstand verwendet. Sie sind große Zahlenfolgen, die auf große Zeitanzeigen beschränkt sind, bei denen keine Lokalisierung erforderlich ist, z. B. ein Timer-Countdown oder eine Zeitauswahl.
• NumeralsMedium ist die drittgrößte Rolle für Ziffern. Für Ziffern wird standardmäßig ein Tabellenabstand verwendet. Sie sind mittelgroße Ziffern, die auf kurze Ziffernfolgen beschränkt sind, bei denen keine Lokalisierung erforderlich ist, z. B. eine Schrittzahl oder eine Zeitauswahl.
• NumeralsSmall ist die viertgrößte Rolle für Ziffern. Für Ziffern wird standardmäßig ein Tabellenabstand verwendet. Sie eignen sich für Zahlen, die in kleinerem Maßstab hervorgehoben werden sollen, bei denen jedoch keine Lokalisierung erforderlich ist, z. B. bei Datums- und Uhrzeitauswahlen.
• NumeralsExtraSmall ist die kleinste Rolle für Ziffern. Für Ziffern wird standardmäßig ein Tabellenabstand verwendet. Sie eignen sich für Zahlen, die längere Ziffernfolgen enthalten müssen und bei denen keine Lokalisierung erforderlich ist, z. B. für Messwerte während eines Trainings.

Der Text in einem Bogen wird für gekrümmten Text verwendet, der die Beschilderung auf der Benutzeroberfläche bildet, z. B. Zeittext und gekrümmte Labels. Eine angepasste Schriftachse, die Schrift speziell entlang einer Kurve optimiert und den unterschiedlichen Abstand zwischen den Zeichen berücksichtigt, der entsteht, wenn sie sich oben auf einem gebogenen Bildschirm befinden, verglichen mit der Positionierung unten auf dem Bildschirm.

Top

• ArcLarge ist für Arc-Überschriften und -Titel. „Bogen“ ist für Text entlang eines gekrümmten Pfades auf dem Bildschirm vorgesehen. Er wird für kurze Textzeilen in der Kopfzeile ganz oben oder unten auf dem Bildschirm verwendet, z. B. für Bestätigungs-Overlays.
• „ArcMedium“ ist für Staffelüberschriften und -titel. „Bogen“ ist für Text entlang eines gekrümmten Pfades auf dem Bildschirm vorgesehen. Er ist für kurze Textstrings in der Kopfzeile ganz oben oder unten auf dem Bildschirm reserviert, z. B. Seitentitel.
• „ArcSmall“ ist für begrenzte Textstrings mit Bogen geeignet. „Bogen“ ist für Text entlang eines gekrümmten Pfads auf dem Bildschirm vorgesehen. Dieser Stil ist für kurze gekrümmte Textstrings unten auf dem Bildschirm reserviert, z. B. für Zeitangaben.

Unten

• ArcLarge ist für Arc-Überschriften und -Titel. „Bogen“ ist für Text entlang eines gekrümmten Pfades auf dem Bildschirm vorgesehen. Er wird für kurze Textzeilen in der Kopfzeile ganz oben oder unten auf dem Bildschirm verwendet, z. B. für Bestätigungs-Overlays.
• „ArcMedium“ ist für Staffelüberschriften und -titel. „Bogen“ ist für Text entlang eines gekrümmten Pfades auf dem Bildschirm vorgesehen. Er ist für kurze Textstrings in der Kopfzeile ganz oben oder unten auf dem Bildschirm reserviert, z. B. Seitentitel.
• „ArcSmall“ ist für begrenzte Textstrings mit Bogen geeignet. „Bogen“ ist für Text entlang eines gekrümmten Pfades auf dem Bildschirm vorgesehen. Er ist für kurze gekrümmte Textstrings unten auf dem Bildschirm reserviert, z. B. für Zeitangaben.