Branding for an electrical products e-commerce.

1. Línea gráfica

2. Logo principal
Es el logo predeterminado y el que usaremos en todos los casos que sea posible, respetando la
distancia suficiente para que no se altere su composición o significado.

3. Logo horizontal
En los casos en los que el espacio para la aplicación del logo sea de altura reducida con respecto
al ancho, utilizaremos esta versión horizontal para evitar problemas de legibilidad.

4. Escala de grises
Para publicaciones que necesiten y/o permitan escala de grises. Por razones de composición,
intentaremos utilizar esta opción sobre la de una tinta siempre que sea posible.

5. Una tinta
De necesitar incluir el logo en una aplicación a una tinta, respetaríamos los colores corporativos
definidos posteriormente en este documento.

6. Colores corporativos
En todos los elementos gráficos o textos que utilicemos en relación a la marca prevalecerá el uso
de los colores corporativos, o matices de estos. Entendemos que el blanco también se incluye.
GRIS OSCURO
RGB 51, 51, 51
CMYK 0, 0, 0, 80
Web #333333
ROJO
RGB 204, 0, 0
CMYK 0, 100, 100, 20
Web #cc0000
AZUL OSCURO
RGB 0, 138, 204
CMYK 100, 10, 0, 10
Web #008acc
AZUL CLARO
RGB 41, 171, 226
CMYK 82, 24, 0, 11
Web #29abe2

7. Colores corporativos
Utilizaremos el color “Gris oscuro” para textos.
GRIS OSCURO
RGB 51, 51, 51
CMYK 0, 0, 0, 80
Web #333333
ROJO
RGB 204, 0, 0
CMYK 0, 100, 100, 20
Web #cc0000
AZUL OSCURO
RGB 0, 138, 204
CMYK 100, 10, 0, 10
Web #008acc
AZUL CLARO
RGB 41, 171, 226
CMYK 82, 24, 0, 11
Web #29abe2

8. Colores corporativos
Procuraremos utilizar el color “Rojo” para detalles, pequeños puntos de atención, destacados o
elementos gráficos de apoyo y no como grandes masas de color.
GRIS OSCURO
RGB 51, 51, 51
CMYK 0, 0, 0, 80
Web #333333
ROJO
RGB 204, 0, 0
CMYK 0, 100, 100, 20
Web #cc0000
AZUL OSCURO
RGB 0, 138, 204
CMYK 100, 10, 0, 10
Web #008acc
AZUL CLARO
RGB 41, 171, 226
CMYK 82, 24, 0, 11
Web #29abe2

9. Colores corporativos
No hay restricciones en cuanto al uso de los azules, pero lo ideal y recomendado es aplicarlos de
manera conjunta.
GRIS OSCURO
RGB 51, 51, 51
CMYK 0, 0, 0, 80
Web #333333
ROJO
RGB 204, 0, 0
CMYK 0, 100, 100, 20
Web #cc0000
AZUL OSCURO
RGB 0, 138, 204
CMYK 100, 10, 0, 10
Web #008acc
AZUL CLARO
RGB 41, 171, 226
CMYK 82, 24, 0, 11
Web #29abe2

10. Tipografía corporativa
La utilizaremos para títulos, destacados y textos en cualquiera de sus pesos, ya sea en soporte
digital o soporte impreso.
Montserrat Regular
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
! “#$%&’ ()*+,./:;<=>?@[] ^_`{|}~†°¢£§•¶ß®©™´¨ÆØ¥πªºæø¿¡«»…oe“”‘’÷◊ÿŸ‹›fifl‡‚„‰
ÄÅÇÉÑÖÜÂÊÁËÈÍÎ ÏÌÓÔÒÚÛÙÀÃÕOEáàâäãåçéèêëí ì î ïñóòôöõúùûü
Montserrat Light
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
! “#$%&’ ()*+,./:;<=>?@[] ^_`{|}~†°¢£§•¶ß®©™´¨ÆØ¥πªºæø¿¡«»…oe“”‘’÷◊ÿŸ‹›fifl‡‚„‰
ÄÅÇÉÑÖÜÂÊÁËÈÍÎ ÏÌÓÔÒÚÛÙÀÃÕOEáàâäãåçéèêëí ì î ïñóòôöõúùûü

11. Tipografía corporativa
La utilizaremos para títulos, destacados y textos en cualquiera de sus pesos, ya sea en soporte
digital o soporte impreso.
Montserrat Black
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
! “#$%&’ ()*+,./:;<=>?@[] ^_`{|}~†°¢£§•¶ß®©™´¨ÆØ¥πªºæø¿¡«»…oe“”‘’÷◊ÿŸ‹›fifl‡‚„‰
ÄÅÇÉÑÖÜÂÊÁËÈÍÎ ÏÌÓÔÒÚÛÙÀÃÕOEáàâäãåçéèêëí ì î ïñóòôöõúùûü
Montserrat Bold
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
! “#$%&’ ()*+,./:;<=>?@[] ^_`{|}~†°¢£§•¶ß®©™´¨ÆØ¥πªºæø¿¡«»…oe“”‘’÷◊ÿŸ‹›fifl‡‚„‰
ÄÅÇÉÑÖÜÂÊÁËÈÍÎ ÏÌÓÔÒÚÛÙÀÃÕOEáàâäãåçéèêëí ì î ïñóòôöõúùûü

12. Tipografía secundaria
Para usos más creativos y puntuales. Se recomienda no utilizarlo como única tipografía en una
composición, evitar textos largos y tamaños pequeños.
Pacífico
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 1234567890
! “#$%&’ ()*+,./:;<=>?@[] ^_`{|}~†°¢£§•¶ß®©™´¨
ÆØ¥πªºæø¿¡«»…oe“”‘’÷◊ÿŸ‹›fifl‡‚„‰
ÄÅÇÉÑÖÜÂÊÁËÈÍÎ ÏÌÓÔÒÚÛÙÀÃÕOEáàâäãåçéèêëí ì î ïñóòôöõúùûü