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: