Paleta secundaria
De la tierra...El Antracita
Nuestro color secundario, al igual que toda la paleta, sigue inspirado en la naturaleza y en lo rural. Es decir, también evoca nuestros orígenes.
Las tonalidades fueron definidas para que acompañen y refuercen los colores primarios de la marca, donde además su convivencia debe responder a un balance armonioso del manejo de colores y tonalidades.
Proporción y uso de los colores secundarios
El balance de color Antracita varía y su porcentaje de uso en los diseños, de forma general, es de aproximadamente, 10 %; además de conformar el 100% del color principal de la gama secundaria. Sin embargo, éste y el blanco se conjugan y complementan de forma adecuada, con un alto ratio de contraste.
Gama Antracita
Las tonalidades de esta gama están inspiradas en la naturaleza, específicamente en el carbón mineral, que más cualidades metamórficas posee.
Su amplio campo de tonalidades frías, complementa de forma ideal a los colores primarios de la marca y permiten que sea empleado en diferentes aspectos y componentes, gracias a su versatilidad.
El color principal de la gama es el denominado "Antracita" el cual responde a la tonalidad más oscura de grises.
Es importante definir que debe ser utilizado en menor porcentaje frente a los colores principales de la marca, al resaltar que su finalidad acompañar y no opacar; ya que no queremos que nos asocien a estos colores como marca —recuerda que los principales son el verde Bosque, el amarillo Trigo y el blanco Nieve, pero vamos, más el verde Bosque—.
Esta gama secundaria acompaña a los primarios y es necesaria para dar consistencia al diseño. Serán usados en textos y backgrounds, así como en estados de botones, en caso de diseños online o productos digitales.
Usos generales de la Gama Antracita
El uso de los colores de la Gama Bosque está destinada a medios de comunicación online, offline y productos digitales.
Medio
✅ Especificaciones
Offline
Tipografías: títulos, subtítulos, frases u oraciones.
Ilustraciones.
Iconos.
Líneas, elementos de identificación y realce.
Recuadros o elementos específicos que deban llamar la atención en el diseño.
Fondos o Backgrounds.
Online
Tipografías: títulos, subtítulos, frases u oraciones.
Ilustraciones.
Iconos.
Líneas, elementos de identificación y realce.
Recuadros o elementos específicos que deban llamar la atención en el diseño.
Fondos o Backgrounds.
Producto digital
Tipografías: títulos, subtítulos, frases u oraciones.
Ilustraciones.
Iconos.
Líneas, elementos de identificación y realce.
Recuadros o elementos específicos que deban llamar la atención en el diseño.
Fondos o Backgrounds.
Bullets.
Chips.
Hover.
Snacks.
Componentes y estados: Botones principales y secundarios, Steppers, Navigation Bar, Progress Bar, Loading Bar, Cards, Toogles, Inputs, Dropdown, Radio Button, y otros.
Usos específicos de cada tono de la Gama Antracita
Tono
Muestra tono
Hexadecimal
Pantone
Uso
Secondary-a/1(principal Antracita)
Principal
#212322
419 C
Tipografías, jerarquía de elementos, ilustraciones, iconos, líneas, elementos de identificación y realce, fondos, bullets, chips, hover, sombras, snacks, componentes y estados
Secondary-a/2
#353B42
Tipografías, jerarquía de elementos, ilustraciones, fondos, bullets, chips, hover, sombras, snacks, componentes y estados
Secondary-a/3
#6A6F78
Tipografías, jerarquía de elementos, ilustraciones, fondos, bullets, chips, hover, sombras, snacks, componentes y estados
Secondary-a/4
#9FA7B3
Tipografías, jerarquía de elementos, ilustraciones, fondos, bullets, chips, hover, sombras, snacks, componentes y estados
Secondary-a/5
#C6CCD5
Tipografías, jerarquía de elementos, ilustraciones, fondos, bullets, chips, hover, sombras, snacks, componentes y estados
Secondary-a/6
#F3F5F7
Ilustraciones, fondos, sombras
Secondary-a/7
#F8F9FA
656 C
Ilustraciones, fondos
Última actualización