Carte principale
Une carte classique avec une petite touche de primary.
Consulter →Page de test
Primary
Éléments principaux
Information principale
Votre contenu important
La couleur primary doit être immédiatement identifiable comme la couleur dominante de l'interface.
Cards
Contenu courant
Carte secondaire
La secondary intervient sans prendre le dessus sur la primary.
Consulter →Point important
La tertiary sert uniquement à attirer ponctuellement l'attention.
Consulter →
States
Messages et états
Succès
L'opération a été effectuée correctement.
Erreur
Une erreur est survenue pendant l'opération.
Attention
Cette information nécessite votre attention.
Information
Voici une information complémentaire.
Form
Formulaire
Table
Données
Content
Texte et listes
Un titre secondaire
Voici un paragraphe permettant de vérifier le contraste, la lisibilité et la couleur du texte secondaire.
On peut également tester un texte important,
un élément mis en évidence et un
élément technique.
- Premier élément de la liste
- Deuxième élément de la liste
- Troisième élément de la liste
Details
Bordures et ombres
Border 1
1px
Border 2
2px
Border 3
3px
Shadow
Normal
Shadow hover
Survolez