Guide de style - Couleurs

Palette de couleurs

L'identité visuelle d'un site est constituée d'éléments facilement reconnaissables et associés à celui-ci. La palette de couleurs en est un élément essentiel, issu du travail de conception UX/UI. Ces couleurs prédéfinies sont déclinées en plusieurs catégories en fonction de leur rôle.

Couleurs primaires

C'est la couleur prédominante du site.

  • Primary Darker

    #0F3F68

  • Primary Dark

    #155891

  • Primary

    #1D71B8

Couleurs secondaires

Il s'agit là de la couleur qui vient soit se combiner avec la couleur principale, soit en alternative de celle-ci dans des contextes particuliers.

  • Secondary

    #D20050

Couleurs neutres

Plutôt réservées aux textes, aux couleurs d'arrière-plan, aux bordures et aux séparateurs, elles se veulent plus discrètes et sont en principe des niveaux de gris.

  • Black

    #343852

  • Gray-800

    #464C6D

  • Gray-700

    #697097

  • Gray-600

    #969CBB

  • Gray-500

    #C5C8DA

  • Gray-400

    #DEE0EA

  • Gray-300

    #EDEEF3

  • Gray-200

    #F2F3F7

  • Gray-100

    #F8F9FB

  • White

    #FFFFFF

Couleurs fonctionnelles

Les couleurs fonctionnelles ne sont pas propres au site, mais représentent des cas de figure universellement rencontrés quelle que soit la plateforme (erreur, succès, etc.).

  • Error

    #D20024

  • Warning

    #E69215

  • Success

    #9AB938

  • Information

    #369AEE

Accessibilité

L'utilisation des couleurs est soumise à des règles d'accessibilité assez strictes, ayant notamment trait à un niveau minimal de constraste entre le texte et le fond pour les utilisateurs malvoyants.

Ressources externes: