Appliquer la typographie

L'affichage est utilisé pour les chaînes de texte courtes et de grande taille qui servent à afficher des informations importantes très visibles, des métriques significatives, des moments de confiance ou des moments expressifs de la marque.

• DisplayLarge est le titre le plus grand. Les titres correspondent au texte le plus large qui s'affiche à l'écran. Ils sont réservés aux informations principales courtes et très faciles à lire, aux métriques importantes, aux moments de confiance ou aux moments expressifs de la marque qui bénéficient d'une échelle et d'un style proéminents.
• DisplayMedium est le deuxième titre le plus grand. Les affichages correspondent au texte le plus large qui s'affiche à l'écran. Ils sont réservés aux informations principales courtes et très visibles, aux métriques importantes, à la confiance ou aux moments expressifs de la marque qui bénéficient d'une échelle et d'un style proéminents.
• DisplaySmall est le plus petit titre. Les titres correspondent au texte le plus large qui s'affiche à l'écran. Ils sont réservés aux informations principales courtes et très faciles à lire, aux métriques importantes, aux moments de confiance ou aux moments expressifs de la marque qui bénéficient d'une échelle et d'un style proéminents.

Le titre est un texte hiérarchique utilisé comme mécanisme de repérage, comme un titre de page, de section ou de sous-section (dans le cas de TitleSmall).

• TitleLarge est le titre le plus grand. Les titres sont plus petits que les affichages. Elles sont généralement réservées aux textes de longueur plus courte et d'accentuation moyenne. Elles ne sont pas recommandées pour les composants interactifs, mais plutôt pour les titres ou sous-titres de pages.
• TitleMedium est le titre moyen. Les titres sont plus petits que les affichages. Elles sont généralement réservées aux textes de longueur plus courte et d'accentuation moyenne. Elles ne sont pas recommandées pour les composants interactifs, mais plutôt pour les titres ou sous-titres de pages.
• TitleSmall est le plus petit titre. Les titres sont plus petits que les affichages. Elles sont généralement réservées aux textes de longueur plus courte et d'accentuation moyenne. Elles ne sont pas recommandées pour les composants interactifs, mais plutôt pour les titres ou sous-titres de pages.

Le libellé est utilisé pour le texte au niveau du composant qui décrit une action qui se produirait en cas d'interaction. L'application la plus courante et la plus utilisée pour le libellé est le texte imbriqué dans un bouton.

• LabelLarge est la plus grande étiquette. Les libellés sont utilisés pour afficher des textes importants, comme les libellés sur les boutons de titre, appliqués aux composants interactifs.
• LabelMedium est le libellé moyen, et le plus couramment utilisé. Les libellés sont utilisés pour afficher du texte, comme le libellé principal sur les boutons. Ils sont appliqués aux composants interactifs.
• LabelSmall est le petit libellé. Les libellés sont utilisés pour afficher du texte, comme un libellé secondaire sur les boutons, des libellés sur les boutons compacts, appliqués aux composants interactifs.

Le corps est réservé au contenu textuel, comme les paragraphes de texte courant, le texte utilisé dans les visualisations de données complexes, les codes temporels et les métadonnées.

• BodyLarge est le corps le plus grand. Les corps de texte sont généralement utilisés pour les blocs de texte plus longs, bien adaptés aux tailles de texte plus petites. Pour les sections de texte plus longues, nous vous recommandons d'utiliser une police avec ou sans empattement.
• BodyMedium est la deuxième plus grande taille de corps. Les corps de texte sont généralement utilisés pour les blocs de texte plus longs, bien adaptés aux tailles de texte plus petites. Pour les sections de texte plus longues, nous vous recommandons d'utiliser une police avec ou sans empattement.
• BodySmall est la troisième plus grande taille de corps. Les corps de texte sont généralement utilisés pour les blocs de texte plus longs, bien adaptés aux tailles de texte plus petites. Pour les sections de texte plus longues, nous vous recommandons d'utiliser une police avec ou sans empattement.
• BodyExtraSmall est le corps le plus petit. Les corps de texte sont généralement utilisés pour les blocs de texte plus longs, bien adaptés aux tailles de texte plus petites. Pour les sections de texte plus longues, nous vous recommandons d'utiliser une police avec ou sans empattement.

Les styles de texte numériques sont utilisés pour les chiffres, généralement limités à quelques caractères. Peut adopter des propriétés plus expressives sur les écrans plus grands. Permet d'étendre l'axe de largeur avec un minimum de problèmes de localisation et de mise à l'échelle des polices.

• NumeralsExtraLarge est le rôle le plus grand pour les chiffres. Les chiffres utilisent par défaut un espacement tabulaire. Ils mettent en évidence et expriment des nombres qui sont limités à deux ou trois caractères et qui ne nécessitent aucune localisation, comme l'écran de recharge ou le sélecteur d'heure.
• NumeralsLarge est le deuxième plus grand rôle pour les chiffres. Par défaut, les chiffres utilisent un espacement tabulaire. Il s'agit de chaînes de chiffres de grande taille qui sont limitées aux grands affichages de l'heure, où aucune localisation n'est requise, comme un compte à rebours ou un sélecteur d'heure.
• NumeralsMedium est le troisième rôle le plus important pour les chiffres. Par défaut, les chiffres utilisent un espacement tabulaire. Il s'agit de nombres de taille moyenne limités à de courtes chaînes de chiffres, pour lesquels aucune localisation n'est requise, comme un compteur de pas ou un sélecteur de temps.
• NumeralsSmall est le quatrième rôle le plus important pour les chiffres. Par défaut, les chiffres utilisent un espacement tabulaire. Ils sont destinés aux nombres qui doivent être mis en évidence à une plus petite échelle, où aucune localisation n'est requise, comme les sélecteurs de date et d'heure.
• NumeralsExtraSmall est le plus petit rôle pour les chiffres. Les chiffres utilisent par défaut un espacement tabulaire. Ils sont destinés aux nombres qui doivent contenir de longues chaînes de chiffres, sans nécessiter de localisation, comme les métriques d'entraînement.

Le texte d'en-tête Arc est utilisé pour le texte incurvé qui constitue la signalisation dans l'UI, comme le texte temporel et les libellés incurvés. Axe de typographie personnalisé qui optimise spécifiquement la typographie le long d'une courbe et afin de s'adapter aux différents espacements qui apparaissent entre les caractères lorsqu'ils sont positionnés en haut, par rapport au bas, d'un écran incurvé.

En haut de la page

• ArcLarge est destiné aux en-têtes et aux titres d'arc. Arc est destiné au texte le long d'un chemin incurvé à l'écran. Il est réservé aux chaînes de texte d'en-tête courtes tout en haut ou tout en bas de l'écran, comme les calques de confirmation.
• ArcMedium est destiné aux en-têtes et aux titres d'arc. "Arc" est destiné au texte le long d'un chemin incurvé à l'écran. Il est réservé aux chaînes de texte d'en-tête courtes tout en haut ou tout en bas de l'écran, comme les titres de pages.
• ArcSmall est destiné aux chaînes de texte en arc de cercle limité. Arc est destiné au texte le long d'un chemin incurvé sur l'écran. Il est réservé aux chaînes de texte incurvées courtes en haut de l'écran, comme le texte temporel.

En bas

• ArcLarge est destiné aux en-têtes et aux titres d'arc. Arc est destiné au texte le long d'un chemin incurvé à l'écran. Il est réservé aux chaînes de texte d'en-tête courtes tout en haut ou tout en bas de l'écran, comme les calques de confirmation.
• ArcMedium est destiné aux en-têtes et aux titres d'arc. "Arc" est destiné au texte le long d'un chemin incurvé à l'écran. Il est réservé aux chaînes de texte d'en-tête courtes tout en haut ou tout en bas de l'écran, comme les titres de pages.
• ArcSmall est destiné aux chaînes de texte en arc de cercle limité. Arc est destiné au texte le long d'un chemin incurvé sur l'écran. Il est réservé aux courtes chaînes de texte incurvées en bas de l'écran, comme un appel à l'action.