SYSTÈME DE DESIGN DE L’ÉTAT

Styles de texte

Desktop

Titres alternatifs

ALIGNEMENT À GAUCHE

Titre XL

Titre LG

Titre MD

Titre SM

Titre XS

ALIGNEMENT AU CENTRE

Titre XL

Titre LG

Titre MD

Titre SM

Titre XS

ALIGNEMENT À DROITE

Titre XL

Titre LG

Titre MD

Titre SM

Titre XS

Titres

ALIGNEMENT À GAUCHE

Titre H1 XL

Titre H1 XL

Titre H2 LG

Titre H2 LG

Titre H3 MD

Titre H3 MD

Titre H4 SM

Titre H4 SM

Titre H5 XS

Titre H5 XS

Titre H6 XXS

Titre H6 XXS

ALIGNEMENT AU CENTRE

Titre H1 XL

Titre H1 XL

Titre H2 LG

Titre H2 LG

Titre H3 MD

Titre H3 MD

Titre H4 SM

Titre H4 SM

Titre H5 XS

Titre H5 XS

Titre H6 XXS

Titre H6 XXS

Corps de texte

ALIGNEMENT À GAUCHE

Chapô XL - Regular

Chapô XL - Bold

Texte article LG - Regular

Texte article LG - Regular

Texte standard MD - Regular

Texte standard MD - Bold

Texte standard MD - Italique

Texte détail SM - Regular

Texte détail SM - Bold

Texte détail SM - MAJ

Texte mention XS - Regular

Texte mention XS - Bold

Texte mention XS - Souligné

Texte mention XS - Italique

Texte mention XS - MAJ

ALIGNEMENT AU CENTRE

Chapô XL - Regular

Chapô XL - Bold

Texte article LG - Regular

Texte article LG - Regular

Texte standard MD - Regular

Texte standard MD - Bold

Texte standard MD - Italique

Texte détail SM - Regular

Texte détail SM - Bold

Texte détail SM - MAJ

Texte mention XS - Regular

Texte mention XS - Bold

Texte mention XS - Souligné

Texte mention XS - Italique

Texte mention XS - MAJ

ALIGNEMENT À DROITE

Texte article LG - Regular

Texte article LG - Regular

Texte standard MD - Regular

Texte standard MD - Bold

Texte standard MD - Italique

Texte détail SM - Regular

Texte détail SM - Bold

Texte détail SM - MAJ

Texte mention XS - Regular

Texte mention XS - Bold

Texte mention XS - Souligné

Texte mention XS - Italique

Texte mention XS - MAJ

Corps de texte alternatif

ALIGNEMENT À GAUCHE

Texte article LG - Regular

Texte article LG - Regular

Texte standard MD - Regular

Texte standard MD - Bold

Texte détail SM - Regular

Texte détail SM - Bold

Texte mention XS - Regular

ALIGNEMENT AU CENTRE

Texte article LG - Regular

Texte article LG - Regular

Texte standard MD - Regular

Texte standard MD - Bold

Texte détail SM - Regular

Texte détail SM - Bold

Texte mention XS - Regular

ALIGNEMENT À DROITE

Texte article LG - Regular

Texte article LG - Regular

Texte standard MD - Regular

Texte standard MD - Bold

Texte détail SM - Regular

Texte détail SM - Bold

Texte mention XS - Regular

Labels des boutons

PRIMAIRE

Label bouton SM

Label bouton MD

Label bouton LG

SECONDAIRE

Label bouton SM

Label bouton MD

Label bouton LG

DÉSACTIVÉ

Label bouton SM

Label bouton MD

Label bouton LG

Labels des liens

PRIMAIRE

Label bouton SM

Label bouton MD

Label bouton LG

DÉSACTIVÉ

Label bouton SM

Label bouton MD

Label bouton LG

Champs de saisie

Champs

PLACEHOLDER

Texte par défaut

TEXTE SAISI

Texte saisi

DÉSACTIVÉ

Texte de champ désactivé

Labels

DÉFAUT

Label par défaut

ERREUR

Label invalide

SUCCÈS

Label valide

INACTIF

Label désactivé

Navigation principale

Barre de navigation

DÉFAUT

Élément de navigation

ACTIF

Élément de navigation

Menu déroulant et mégamenu

DÉFAUT

Élément de navigation

ACTIF

Élément de navigation

CATÉGORIE

Catégorie

CATÉGORIE ACTIVE

Catégorie active

Navigation secondaire

N1 DÉFAUT

Élément de navigation

N1 ACTIF

Élément de navigation

N2 DÉFAUT

Élément de navigation

N2 ACTIF

Élément de navigation

N3 DÉFAUT

Élément de navigation

N3 ACTIF

Élément de navigation

Tags

Taille SM

CLIQUABLE

Label de tag

NON CLIQUABLE

Label de tag

DÉSACTIVÉ

Label de tag

Taille MD

CLIQUABLE

Label de tag

NON CLIQUABLE

Label de tag

DÉSACTIVÉ

Label de tag

Retrouvez toute la documentation des différents composants sur :