Bannière

hero

Présentation

Les bannières peuvent vous aider à présenter des expériences d'application spéciales, de nouvelles fonctionnalités ou des messages importants. Bien qu'elles soient fonctionnellement similaires aux lignes standards, les bannières ajoutent une proéminence visuelle distincte grâce à des remplissages d'arrière-plan personnalisables et seront toujours visuellement séparées du contenu environnant.

Composition

L'élément de bannière est conçu pour être très visible et comprend quatre composants, dont deux sont obligatoires :

  • Image ou icône de début (obligatoire)
  • Texte principal : titre et sous-titres (obligatoire)
  • Texte secondaire (facultatif)
  • Image ou icône de fin (facultatif)
hero

1. Image de début

2. Texte principal

3. Texte secondaire (facultatif)

4. Élément de fin (facultatif)

Exigences en matière d'expérience utilisateur

Pour garantir une expérience sécurisée et cohérente dans toutes les applications, respectez les exigences de conception suivantes :

Niveau d'exigence

Contenu

OBLIGATOIRE

N'affichez qu'une seule bannière par section. Placez les bannières dans une section dédiée qui ne contient aucun autre type de composant.

CONSEILLÉ

Appliquez des remplissages d'arrière-plan personnalisés, des couleurs d'accentuation des boutons et des rayons d'angle distincts pour séparer les bannières des lignes de contenu standards.

CONSEILLÉ

Évitez de placer des sections de bannières directement les unes à côté des autres pour préserver leur visibilité.