02 Sistema visual
Elegimos el color según la importancia del contenido.
No todos los contenidos tienen la misma importancia y, por eso, no utilizan el mismo color. En Bader, cada color tiene una función: organizar la información y dar al contenido el protagonismo que necesita.
Solidez
Confianza
Reconocimiento
Contenidos estratégicosMayor profundidad
Catálogos de gamas o categoríasComunicación corporativaContenido editorialPiezas y contenidos de alto valor
CMYK: 93 / 41 / 55 / 44RGB: 0 / 56 / 65HEX: #003841Pantone: 7722C
Frescura
Cercanía
Lectura ágil
Contenidos funcionalesMayor impacto
PromocionesCampañas estacionalesGamas de accesoAvisos y destacados
CMYK: 58 / 0 / 85 / 0RGB: 112 / 212 / 75HEX: #70D44BPantone: 7488C
El color no define composiciones fijas ni plantillas. Define reglas que permiten adaptar cada pieza según el contexto, manteniendo siempre una jerarquía clara y una identidad reconocible.
Intentamos repartir el protagonismo entre ambos verdes para generar una composición equilibrada y con ritmo.
No es una regla fija, sino un criterio de diseño que se aplica siempre que el contenido lo permite.
Además de los colores principales, Bader cuenta con una gama de colores de apoyo que amplía su universo visual sin modificar la jerarquía de la identidad. Su uso depende del contexto y de las necesidades de cada comunicación. Los grises son la base neutra sobre la que construir profundidad. Los colores complementarios aparecen en el universo visual, especialmente a través de fotografía, personas y contextos.
Verde higiénicoCMYK: 56/0/36/20RGB: 109/205/184HEX: #6DCDB8Pantone 3248CAzul higiénicoCMYK: 75/0/14/0RGB: 5/195/222HEX: #05C3DEPantone 311CMaderaCMYK: 11/27/53/0RGB: 226/187/138HEX: #E2BB8APantone 3596C
Gris claroCMYK: 7/5/1/0RGB: 231/232/243HEX: #F0F0F7 / Sólo uso web.Gris medioCMYK: 11/8/2/0RGB: 231/2322/243HEX: #E7E8F3Gris oscuroCMYK: 22/16/4/0RGB: 207/210/229HEX: #CFD2E5