Color
Paleta de colores
Backus cuenta con una variedad de colores que da dinamismo y versatilidad a los diseños de la marca. Los colores primarios de la marca vienen planteados según la Identidad Visual de AB InBev, donde destaca el amarillo . La paleta secundaria que da vida a los fondos está inspirada en nuestro producto estrella: la cerveza. Las tonalidades usadas para estos fondos buscan representar cómo se ve una cerveza a través del vidrio de un vaso lleno y listo para disfrutar.

Jerarquía Cromática
20%
30%
50%
Colores primarios
Nuestra paleta de color primaria debe estar presente en todos las aplicaciones y comunicaciones. El amarillo es el color principal para nuestra marca, el blanco y el negro se utilizan para equilibrar al color principal. Estos tonos de color se aplican al 100% de opacidad.
Paleta principal

Blanco
HEX
#FFFFFF
RGB
255, 255, 255
CMYK
0, 0, 0, 0
PANTONE –

Amarillo
HEX
#F7DB00
RGB
247, 219, 0
CMYK
7, 4, 100, 0
PANTONE 102 C

Negro
HEX
#000000
RGB
0, 0, 0
CMYK
100, 100, 100, 100
PANTONE BLACK 6C
Colores secundarios
Contamos con seis colores secundarios que se usan principalmente para construir fondos degradados. La paleta secundaria, como explicamos líneas arriba, busca representar las tonalidades de la cerveza. Cada color se identifica con una letra para hacer más fácil su combinación.
ES IMPORTANTE saber que estos colores no deben ser usados como fondos planos ni para titulares o palabras destacadas. Sí pueden ser usados, en cambio, para botones o stickers que comuniquen una llamada a la acción.
Paleta secundaria

A
HEX
#F7DB00
RGB
247, 219, 0
CMYK
7, 4, 100, 0
PANTONE 102 C

B
HEX
#FFDFAB
RGB
255, 223, 171
CMYK
0, 14, 36, 0
PANTONE 2001 C

C
HEX
#FFA400
RGB
255, 164, 0
CMYK
0, 40, 99, 0
PANTONE 7549 C

D
HEX
#D76400
RGB
215, 100, 0
CMYK
10, 70, 100, 0
PANTONE 151 C

E
HEX
#DE9D28
RGB
222, 157, 40
CMYK
11, 35, 97, 2
PANTONE 124 C

F
HEX
#BE4600
RGB
190, 70, 0
CMYK
22, 84, 100, 0
PANTONE 716 C
Combinaciones para fondos
Contamos con 05 tipos de degradados que pueden usarse en 04 orientaciones: vertical, horizontal, vertical invertida y horizontal invertida.
Degradados

A

F

01

02

03

04

C

B

01

02

03

04

D

B

01

02

03

04

A

C

01

02

03

04

B

E

01

02

03

04
Degradados sobre fotografía
En caso de fondos degradados sobre fotografías se usa solamente el color amarillo a transparente. Se plantean 03 opciones: vertical inferior, vertical superior y horizontal izquierdo. Este recurso nos permite colocar textos para ganar legibilidad sobre la foto y “brandear” la imagen.

Degradado de color inferior 1 A

Degradado de color superior 2 A

Degradado de color izquierdo 3 A
Colores complementarios
Los colores complementarios, el verde y el celeste, se usarán SOLO para stickers y llamadas a la acción.

Verde
HEX
#2E987E
RGB
46, 152, 126
CMYK
75, 10, 55, 0
PANTONE 326

Celeste
HEX
#77B1DF
RGB
119, 177, 223
CMYK
52, 15, 0, 0
PANTONE 278
Texturas
Estos dos recursos de textura de papel podemos usarlos como complemento a los colores para sumar textura a algunas piezas de comunicación. No debemos abusar de este recurso porque podría recargar visualmente la pieza y restar legibilidad.


Colores para textos
El color del texto debe hacer contraste con los colores de fondo para lograr una clara legibilidad en cada pieza de comunicación.
Ejemplos


Sobre fondo blanco


Sobre fondo amarillo


Sobre fondo negro


Sobre Degradado 01


Sobre Degradado 02


Sobre Degradado 03


Sobre Degradado 04


Sobre Degradado 05
Usos incorrectos
No debemos cambiar, combinar ni manipular los colores de la paleta porque esto generará problemas de legibilidad, desorden visual y falta de coherencia. Tengamos especial cuidado en revisar que el contraste sea siempre el adecuado para asegurar que los textos son muy legibles.


No usar colores secundarios sobre blanco


No usar los colores complementarios para fondear


No proponer diseños que usen solo blanco y negro


No usar textos de colores sobre los degradados


No usar textos amarillos sobre foto


No usar los colores de la marca sin respetar los lineamientos


No usar fondo verde


No usar colores que no generan contraste para cajas de textos destacados



