MANUAL DE IDENTIDAD CORPORATIVA RUTA N MEDELLÍN

Transcripción

1 MANUAL DE IDENTIDAD CORPORATIVA RUTA N MEDELLÍN

2 LOGOTIPO: RUTA N trabaja para potenciar nuestra ciudad y la calidad de vida de sus habitantes a través de la ciencia, la tecnología y la innovación. La innovación es la ruta ideal para lograr la competitividad de Medellín. Con la N mostramos toda la potencia de nuestras ideas, además de ser la manera como marcamos el nuevo norte de la ciudad, que es la innovación.

3 ESLOGAN: Queremos que todos los usuarios que tengan contacto con RUTA N entiendan nuestra razón de ser. Es por esto que dentro del uso del logo se plantea un acompañamiento constante de nuestro eslogan, buscando no solo posicionar una imagen sino también vincularla con nuestro quehacer: potenciar la innovación. Adicionalmente, esta composición se debe acompañar por nuestra página web siempre que se aplique el eslogan.

4 PALETA DE COLORES PRINCIPAL: COLORES PRINCIPALES: PANTONE 380C C:20 M:0 Y :100 R :215 G :223 B:34 K:0 PANTONE 369C C:59 M:0 Y :100 K:7 R :108 G :179 B:63 VERDE PARA WEB R :202 G :223 B:36 GRIS C:0 M:0 Y :0 R :88 G :89 B:91 K:80 Estos son los colores principales de marca. Su uso es predominante sobre fondo blanco. Para aplicaciones digitales debe hacerse uso del verde que se indica arriba.

5 APLICACIONES: Cuando el logo se aplica sobre fondo negro, se respeta el uso del color verde para la N y el blanco para los demás elementos. También es válida la aplicación de todo el logo en color blanco. Cuando el logo se aplica sobre fondo de color diferente al negro, este irá en gris o blanco, procurando conservar la legibilidad del logo.

6 APLICACIONES: La aplicación del logo sobre fondos oscuros o negros es válida siempre que la pieza lo requiera y sea parte de un tercero, de lo contrario, en el caso en que la pieza sea generada desde RUTA N, se debe procurar el uso sobre fondos claros. APLICACIÓN EN COLOR SOBRE FONDO BLANCO Y NEGRO: APLICACIÓN EN GRISES SOBRE FONDO BLANCO Y NEGRO: APLICACIÓN EN BLANCO Y NEGRO:

7 APLICACIONES CON ESLOGAN: APLICACIÓN EN COLOR SOBRE FONDO BLANCO: APLICACIÓN VERTICAL: APLICACIÓN SOBRE FONDO BLANCO A UNA TINTA: APLICACIÓN VERTICAL SOBRE FONDO OSCURO: APLICACIÓN SOBRE FONDO OSCURO (SOLO PARA TERCEROS):

8 APLICACIONES INCORRECTAS: DISTORSIÓN DE LOS ELEMENTOS CAMBIO DE FUENTES DISPOSICIÓN DIFERENTE DE LOS ELEMENTOS CAMBIO DE COLOR PERSPECTIVA COLOR NO LEGIBLE CAMBIAR LA PROPORCIÓN DE LA N OMITIR ELEMENTOS DEL ESLOGAN

9 TAMAÑO MÍNIMO: 3 CM CON ESLOGAN: CM Este es el tamaño mínimo permitido en impresiones litográficas. Para otro tipo de técnicas, se debe validar con el proveedor y con la Gerencia de Mercadeo y Comunicaciones de RUTA N (comunicaciones@rutanmedellin.org).

10 ÁREA DE PROTECCIÓN: El logo debe aislarse de otros elementos para conservar su expresión visual. El área en estos diagramas tiene como propósito proteger y asegurar la visibilidad de la marca en todas sus aplicaciones. El área establecida para la protección del logo es una (r) de RUTA N por cada uno de los lados del logo.

11 LOGOS Y ALIADOS: El logo con eslogan debe utilizarse siempre con la URL del sitio web. APLICACIÓN EN COLOR SOBRE FONDO BLANCO: APLICACIÓN EN COLOR SOBRE FONDO BLANCO A UNA TINTA: APLICACIÓN SOBRE FONDO OSCURO:

12 LOGOS Y ALIADOS VERTICAL: APLICACIÓN EN COLOR SOBRE FONDO PLANO BLANCO: APLICACIÓN FONDO PLANO BLANCO ESCALA DE GRISES: APLICACIÓN SOBRE FONDO OSCURO: APLICACIÓN CON HEXÁGONO:

13 COBRANDING: El cobranding con otras instituciones con aplicación de eslogan puede ser usado de diferentes maneras: APLICACIÓN EN COLOR SOBRE FONDO BLANCO: Lidera: Opera: FONDO PLANO BLANCO ESCALA DE GRISES: Lidera: Opera: APLICACIÓN SOBRE FONDO OSCURO: Lidera: Opera:

14 TIPOGRAFÍAS: LA TIPOGRAFÍA ES CONSTRUIDA, POR LO TANTO NO PERTENECE A NINGUNA FAMILIA TIPOGRÁFICA. Century Schoolbook (Bold Italic) Euphemia UCS (Bold) Euphemia UCS (Regular) BRANDON GROTESQUE (BLACK) ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz TÍTULOS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz BRANDON GROTESQUE (MEDIUM) BRANDON GROTESQUE (REGULAR) SUBTÍTULOS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz PÁRRAFOS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz TIPOGRAFÍA PARA CUERPO DE TEXTO EN MEDIOS DIGITALES ARIAL (REGULAR) PÁRRAFOS ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz

15 APLICACIÓN GRÁFICA DE HEXÁGONOS: La nueva imagen de RUTA N se apropia de formas geométricas derivadas de elementos naturales que representan nuestra esencia. HEXÁGONOS Los hexágonos son figuras que permiten generar más número de conexiones en cada uno de sus lados, mostrando cómo todas las áreas interactúan de manera lineal, eliminando así jerarquías y rangos.

16 APLICACIÓN GRÁFICA DE HEXÁGONOS: El uso de hexágonos es muy versátil ya que pueden ser utilizados de diversas formas, siempre conservando el estilo gráfico de la marca. LOS HEXÁGONOS PUEDEN UTILIZARSE PARA CONTENER IMÁGENES O TEXTOS PUEDEN SER USADOS PARA FORMAR TEXTURAS Y TRAMADOS SUTILES SOBRE IMÁGENES TAMBIÉN PUEDEN SER UTILIZADOS COMO VIÑETAS O BULLETS PARA ENUMERAR O CATEGORIZAR TEXTOS Líneas creadas a partir de los hexágonos, que pueden ser utilizadas sangradas para contener texto e imágenes, siempre conservando el estilo gráfico.

17 APLICACIÓN GRÁFICA DE HEXÁGONOS: USO DE LOS HEXÁGONOS COMO CONTENEDORES.

18 ELEMENTOS DE NAVEGACIÓN PORTAL: ÍCONOS & BOTONES AMPLIAR INFORMACIÓN ACCIONES HACIA ADELANTE (IR, VER, HACER) DESCARGAR SUBIR INFORMACIÓN ATRÁS, VOLVER REDES SOCIALES conoce los términos (arial bold 14 pts) LINKS, TITULARES & CONTENIDOS WEB CTA CONTENIDO TITULARES CONTENIDOS CONTINÚE LEYENDO [+] AGÉNDESE AHORA [+] VÉALO AQUÍ [+] >> PRIMERO AQUÍ [+] Títulos (h1) (arial, 18 px, #6cb33f, bold) Subtítulos (h2) (arial, 16 px, #666666, bold) Textos corridos (arial, 14 px, line height: 20 px, #666666, text align: left) Links en contenido (arial, 14 px, line height 20 px, #6cb33f)