Directives relatives à la marque Hunter
Palette de couleurs Hunter
L’objectif principal de l’utilisation des couleurs dans le contenu orienté client est d’accorder autant d’attention et de concentration que possible sur le rouge Hunter. Cela implique une utilisation étendue de la palette de gris pour les éléments généraux de l’interface utilisateur, ce qui permet au rouge de se démarquer. Le rouge est le plus souvent utilisé pour les appels à l’action, mais aussi dans la photographie des produits Hunter.
Pour toute question ou préoccupation, contactez Hunter Marketing à marketingdesign@hunter.com
Palette
La palette de couleurs de Hunter repose sur une combinaison de roues de couleurs triadiques, axée principalement sur le rouge Hunter.
Le rouge, le vert et le bleu sont espacés les uns des autres pour former une palette complémentaire. La teinte bleue est suffisamment désaturée pour devenir une palette neutre, tandis que le vert est utilisé très rarement. Ces couleurs de support permettent au rouge de devenir dominant.
Codes couleurs
Noirs/blancs
|
|
Nom |
HEX |
RGB |
HSB |
CMJN |
Utilisations courantes |
| Noir (bg) | #0D111A | 13, 17, 26 | 220, 50, 10 | 80, 70, 60, 80 | Fond noir | |
| Noir (texte) | #1F2533 | 31, 37, 51 | 222, 39, 20 | 83, 75, 53, 62 | Couleur standard du texte | |
| Blanc | #FFFFFF | 255, 255, 255 | 0, 0, 100 | 0, 0, 0, 0 | Fond blanc ; couleur du texte sur fond foncé |
Gris
|
|
Nom |
HEX |
RGB |
HSB |
CMJN |
Utilisations courantes |
| Gris/30 | #373F4D | 55, 63, 77 | 220, 28, 30 | 78, 67, 50, 40 | ||
| Gris/40 | #525866 | 82, 88, 102 | 220, 20, 40 | 70, 60, 45, 23 | ||
| Gris/50 | #6B7280 | 107, 114, 128 | 220, 16, 50 | 62, 50, 38, 10 | ||
| Gris/60 | #888E9A | 136, 142, 154 | 220, 12, 60 | 50, 39, 32, 2 | Texte grisé | |
| Gris/70 | #A1A7B2 | 161, 167, 178 | 220, 10, 70 | 39, 29, 23, 0 | Bordures du conteneur | |
| Gris/80 | #BCC1CC | 188, 193, 204 | 220, 8, 80 | 26, 18, 12, 0 | ||
| Gris/92 | #DDE2EB | 221, 226, 235 | 220, 6, 92 | 12, 7, 3, 0 | ||
| Gris/96 | #EBEEF5 | 235, 238, 245 | 220, 4, 96 | 6, 3, 1, 0 | Fond gris clair | |
| Gris/98 | #F5F7FA | 245, 247, 250 | 220, 2, 98 | 2, 1, 0, 0 |
Rouges
|
|
Nom |
HEX |
RGB |
HSB |
CMJN |
Utilisations courantes |
| Rouge/Sombre3 | #780800 | 120, 8, 0 | 4, 100, 47 | 30, 100, 100, 42 | ||
| Rouge/Sombre2 | #900900 | 144, 9, 0 | 4, 100, 56 | 26, 100, 100, 30 | ||
| Rouge/Sombre1 | #A80B00 | 168, 11, 0 | 4, 100, 66 | 22, 100, 100, 18 | ||
| Rouge/Principal | #C00C00 | 192, 12, 0 | 4, 100, 75 | 16, 100, 100, 8 | Rouge de marque | |
| Rouge/Lumière1 | #C82A20 | 200, 42, 32 | 4, 84, 78 | 15, 97, 100, 5 | ||
| Rouge/Lumière2 | #D04940 | 208, 73, 64 | 4, 69, 82 | 13, 86, 80, 3 | ||
| Rouge/Lumière3 | #D86760 | 216, 103, 96 | 4, 56, 85 | 11, 73, 60, 0 |
Verts
|
|
Nom |
HEX |
RGB |
HSB |
CMJN |
Utilisations courantes |
| Vert/foncé3 | #007808 | 0, 120, 8 | 124, 100, 47 | 88, 28, 100, 18 | ||
| Vert/foncé2 | #009009 | 0, 144, 9 | 124, 100, 56 | 86, 18, 100, 6 | ||
| Vert/foncé1 | #00A80B | 0, 168, 11 | 124, 100, 66 | 82, 5, 100, 1 | ||
| Vert/principal | #00C00C | 0, 192, 12 | 124, 100, 75 | 77, 0, 100, 0 | Vert primaire | |
| Vert/Lumière1 | #20C82A | 32, 200, 42 | 124, 84, 78 | 72, 0, 100, 0 | ||
| Vert/Lumière2 | #40D049 | 64, 208, 73 | 124, 69, 82 | 67, 0, 97, 0 | ||
| Vert/Lumière3 | #60D867 | 96, 216, 103 | 124, 56, 85 | 58, 0, 80, 0 |