Directrices de Marca para Hunter
Paleta de Colores de Hunter
El objetivo principal del uso del color en el contenido orientado al cliente es prestar la máxima atención y centrarse en el rojo Hunter. Esto significa un uso extensivo de la paleta de grises para los elementos generales de la interfaz de usuario, lo que proporciona un medio para que el rojo destaque. El rojo se usa con mayor frecuencia para las llamadas a la acción, y también en la fotografía de productos de Hunter.
Para preguntas o inquietudes, comuníquese con Hunter Marketing a marketingdesign@hunter.com
Paleta
La paleta de colores de Hunter se basa en una combinación triádica de ruedas de colores, con un enfoque principal en el rojo Hunter.
El rojo, el verde y el azul están equidistantes entre sí, lo que proporciona una paleta completamente complementaria. El tono azul es lo suficientemente desaturado como para convertirse en una paleta neutra, mientras que el verde se utiliza con muy poca frecuencia. Estos colores de soporte permiten que el rojo se vuelva dominante.
Códigos de Color
Negros/Blancos
|
|
Nombre |
HEX |
RGB |
HSB |
CMYK |
Usos Comunes |
| Negro (bg) | #0D111A | 13, 17, 26 | 220, 50, 10 | 80, 70, 60, 80 | Fondo negro | |
| Negro (texto) | #1F2533 | 31, 37, 51 | 222, 39, 20 | 83, 75, 53, 62 | Color de texto estándar | |
| Blanco | #FFFFFF | 255, 255, 255 | 0, 0, 100 | 0, 0, 0, 0 | Fondo Blanco; color del texto sobre fondos oscuros |
Grises
|
|
Nombre |
HEX |
RGB |
HSB |
CMYK |
Usos Comunes |
| 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 | Texto gris | |
| Gris/70 | #A1A7B2 | 161, 167, 178 | 220, 10, 70 | 39, 29, 23, 0 | Bordes del contenedor | |
| 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 | Fondo gris claro | |
| Gris/98 | #F5F7FA | 245, 247, 250 | 220, 2, 98 | 2, 1, 0, 0 |
Rojos
|
|
Nombre |
HEX |
RGB |
HSB |
CMYK |
Usos Comunes |
| Rojo/Oscuro3 | #780800 | 120, 8, 0 | 4, 100, 47 | 30, 100, 100, 42 | ||
| Rojo/Oscuro2 | #900900 | 144, 9, 0 | 4, 100, 56 | 26, 100, 100, 30 | ||
| Rojo/Oscuro1 | #A80B00 | 168, 11, 0 | 4, 100, 66 | 22, 100, 100, 18 | ||
| Rojo/Principal | #C00C00 | 192, 12, 0 | 4, 100, 75 | 16, 100, 100, 8 | Rojo de la marca | |
| Rojo/Claro1 | #C82A20 | 200, 42, 32 | 4, 84, 78 | 15, 97, 100, 5 | ||
| Rojo/Claro2 | #D04940 | 208, 73, 64 | 4, 69, 82 | 13, 86, 80, 3 | ||
| Rojo/Claro3 | #D86760 | 216, 103, 96 | 4, 56, 85 | 11, 73, 60, 0 |
Verdes
|
|
Nombre |
HEX |
RGB |
HSB |
CMYK |
Usos Comunes |
| Verde/Oscuro3 | #007808 | 0, 120, 8 | 124, 100, 47 | 88, 28, 100, 18 | ||
| Verde/Oscuro2 | #009009 | 0, 144, 9 | 124, 100, 56 | 86, 18, 100, 6 | ||
| Verde/Oscuro1 | #00A80B | 0, 168, 11 | 124, 100, 66 | 82, 5, 100, 1 | ||
| Verde/Principal | #00C00C | 0, 192, 12 | 124, 100, 75 | 77, 0, 100, 0 | Verde primario | |
| Verde/Claro1 | #20C82A | 32, 200, 42 | 124, 84, 78 | 72, 0, 100, 0 | ||
| Verde/Claro2 | #40D049 | 64, 208, 73 | 124, 69, 82 | 67, 0, 97, 0 | ||
| Verde/Claro3 | #60D867 | 96, 216, 103 | 124, 56, 85 | 58, 0, 80, 0 |