Icon

Chaque icône est conçue pour communiquer une intention et faciliter la navigation.
Pour voir la liste complète, c'est par ici.

# Usage

  • L'icône ne doit pas être entourée de vide. Si elle est carrée, elle prend donc tout l'espace de travail. Si elle est rectangulaire, elle ne peut donc avoir du vide que sur un des axes (x ou y).
  • L'icône doit alors être alignée sur l'axe qui n'est pas occupé intégralement : un centrage vertical ou horizontal est donc requis.
  • Les angles, les arêtes, les arrondis doivent être impeccables et ne doivent pas subir d'abruptes changements de direction.
  • Le SVG ne doit contenir aucune couleur, elles seront ajoutées si nécessaire en CSS

Quand utiliser

  • Pour attirer l'attention de l'utilisateur.
  • Généralement la première chose que l'utilisateur voit, ce qui en fait un endroit idéal pour expliquer le sujet de la page et afficher une incitation à l'action.
  • Pour mettre en évidence les détails du plan d'assurance et les actions principales.

Quand ne pas utiliser

Lorsque vous devez afficher de longs morceaux de texte.