Box

Une box est un conteneur permettant de mettre en relief des éléments dans une page.

# Usage

Une box est un conteneur qui permet de regrouper et structurer du contenu dans une page.

  • Structurer du contenu : Pour regrouper des éléments afin de les rendre plus lisibles et organisés.
  • Encadrer des sections : Pour délimiter des sections distinctes sur une page, comme des offres spéciales, des informations produit, ou des articles de blog.

Quand utiliser

  • Vente : "Box" est utilisé pour structurer des sections de produits, des cartes de produit, des recommandations, et des sections promotionnelles. Il aide à organiser visuellement les produits et les informations pour une meilleure expérience utilisateur.

  • Assistance : est utilisé pour regrouper des FAQ, des guides, des articles de support, et des options de contact. Cela permet de présenter les informations de manière claire et accessible pour que les utilisateurs trouvent facilement ce qu'ils recherchent.

  • Application/Espace client : est utilisé pour organiser des sections telles que les informations de compte, les historiques de transactions, les paramètres de notification et les messages. Il aide à maintenir une mise en page propre et logique, facilitant la navigation et l'accès aux informations importantes.

Quand ne pas utiliser

  • Décorations inutiles : Évitez d'utiliser les Box uniquement à des fins décoratives sans valeur ajoutée en termes de structure ou d'organisation du contenu.

  • Duplication inutile : Ne pas utiliser les Box pour encapsuler des éléments déjà bien structurés et lisibles sans conteneur supplémentaire.

# Do & Don't

La couleur de la bordure en flat, ne peut pas être changé.
Les box doivent toujours respecter les grilles
Utilisez la bonne couleur en fonction du contenu pour appuyer votre message