Carte élevée
Pour un élément important posé sur une surface.
1UP × Material 3
Un langage commun pour toute la documentation.
Cette page vérifie les fondations et les composants réutilisables du portail. Les surfaces utilisent exclusivement des rôles sémantiques Material 3.
01
Couleurs sémantiques
Le bleu structure les actions, le violet organise les surfaces et le corail porte l’expression 1UP.
Primary--md-sys-color-primary
Primary container--md-sys-color-primary-container
Secondary--md-sys-color-secondary-container
Tertiary--md-sys-color-tertiary-container
Surface--md-sys-color-surface-container
Error--md-sys-color-error-container
02
Typographie expressive
Google Sans Flex est auto-hébergée et adapte ses axes optique, largeur et graisse à chaque niveau de lecture.
La connaissance en mouvement
Un portail pensé pour l’action
Titre de composant Material 3
Le texte courant conserve une largeur, un rythme vertical et un contraste confortables pour une lecture prolongée.
LIBELLÉ D’ACTION · 14 PX
03
Composants
Chaque interaction inclut ses états hover, focus, pressed, disabled et sélectionné.
Boutons
Chips
NouveautéProcédureDisponibleAction requise
Carte remplie
Pour regrouper des informations de même niveau.
Carte contour
Pour une densité plus élevée et moins d’emphase.
Surface signature
Réservée aux moments structurants de l’expérience.
12nouveautés à connaître
4 minlecture moyenne
Prêtcontenu publié
04
États et retour système
Les états restent compréhensibles sans dépendre uniquement de la couleur.
Tout est à jour
Les confirmations associent une icône, un titre et un message explicite.
Aucun résultat
Les états vides orientent toujours vers une prochaine action.