Línea gráfica
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.
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.
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.
Una tinta
De necesitar incluir el logo en una aplicación a una tinta, respetaríamos los colores corporativos
definidos posteriormente en este documento.
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
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
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
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
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áàâäãåçéèêëí ì î ïñóòôöõúùûü
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áàâäãåçéèêëí ì î ïñóòôöõúùûü
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áàâäãåçéèêëí ì î ïñóòôöõúùûü
Topinstalacion.es Guidelines

Topinstalacion.es Guidelines

  • 1.
  • 2.
    Logo principal Es ellogo 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 loscasos 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 Parapublicaciones 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 necesitarincluir el logo en una aplicación a una tinta, respetaríamos los colores corporativos definidos posteriormente en este documento.
  • 6.
    Colores corporativos En todoslos 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 elcolor “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 utilizarel 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 hayrestricciones 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 utilizaremospara 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 utilizaremospara 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 usosmá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áàâäãåçéèêëí ì î ïñóòôöõúùûü