MANUAL DE IDENTIDAD VISUAL
Brand - Book Pautas De Construcciรณn Del Logotipo Sistema De Comunicaciรณn De La Marca
Javier Albuja Coordinador Técnico de Proyectos CONQUITO Vanessa Rosero Responsable de la Unidad de Economía Popular y Solidaria CONQUITO Carla Gómez Responsable del Programa
Agencia de Promoción Económica CONQUITO Av. Maldonado OE1-172 y Carlos María de la Torre www.conquito.org.ec Quito-Ecuador
MANUAL DE IDENTIDAD VISUAL
Brand - Book Pautas De Construcciรณn Del Logotipo Sistema De Comunicaciรณn De La Marca
ÍNDICE
Introducción CAPÍTULO 1 Sobre el manual Sobre el logotipo
CAPÍTULO 3 08 10
CAPÍTULO 2 Reglas generales Versiones del logotipo
03
Construcción del logotipo Geometría del logotipo Espacio circundante Reducciones permitidas
15 16 17 18
CAPÍTULO 4 11 14
SISTEMA DE COMUNICACIÓN VISUAL
Cromática corporativa Degradado de la franja Versiones en B / N Versiones cromáticas Fondos cromáticos permitidos
19 20 21 22 23
CAPÍTULO 5 Tipografía corporativa Reservas naturales Control de rotación
CAPÍTULO 7 25 26 27
Aplicaciones de marca
31 - 58
CAPÍTULO 6 Usos no permitidos
29
MANUAL DE IDENTIDAD VISUAL
04
05
INTRODUCCIÓN El Programa “En Marcha” apunta a incidir favorablemente en el desarrollo productivo y económico del Distrito Municipal de Quito, a través de la atención empresarial a las microempresas y/o unidades económicas productivas, a fin de mejorar las condiciones del comercio, ampliar su mercado y mejorar su capacidad productiva. “En Marcha” ha sido diseñado para poder atender a las micro, pequeñas y medianas empresas, que constituyen normalmente un amplio porcentaje en las economías de América Latina.
MANUAL DE IDENTIDAD VISUAL
06
07
CAPÍTULO 1
SOBRE EL MANUAL El presente documento es un manual corporativo, que ha sido creado con la finalidad de definir las normas de referencia e indicar una guía para la correcta utilización de la marca “En Marcha”, de todos sus elementos gráficos y demás piezas complementarias.
Este manual presenta opciones en cuanto a la aplicación del logotipo en diferentes escenarios; a fin de facilitar y garantizar que cualquier pieza comunicacional creada bajo la marca de “En Marcha” cumpla con los estándares de calidad que acompañan al concepto de la misma.
Un buen manejo del sistema de comunicación visual es un elemento clave para el eficiente desarrollo de la marca. Una marca que, además de ser un referente del trabajo de innovación en el ámbito de economía popular y solidaria entre empresas, facilita a las personas una apropiación del concepto de eficiencia productiva, profesional y expansión empresarial en diferentes mercados.
Este documento queda a disposición permanente de las personas que utilicen el logotipo, por lo que queda bajo la responsabilidad del usuario su estricto y fiel cumplimiento; y de igual manera, queda totalmente prohibido la modificación del diseño y estructura de la marca fuera de los parámetros que aquí se establecen.
MANUAL DE IDENTIDAD VISUAL
08
TAGLINE FRANJA DE COLORES LOGOTIPO
09
CAPÍTULO 1
SOBRE EL LOGOTIPO El logotipo de “En Marcha” (y sus diferentes versiones) corresponden a un similar manejo de la marca de La Agencia de Promoción Económica ConQuito, para mantener una línea visual similar y coherente con los demás programas que salen como iniciativa de esta Institución en colaboración con otras organizaciones y empresas, en este caso el Programa de las Naciones Unidas para el Desarrollo.
Al ser en conjunto una marca visualmente sencilla, se permite a la misma tener un alto grado de recordación por parte de las personas que la perciban; y desarrollar estrategias de comunicación efectivas y aplicables en diferentes formatos, dimensiones y colores; lo que la vuelve una marca preganante y funcional.
La marca de “En Marcha” está representada por un logotipo acompañado de una franja de colores correspondiente a la cromática del Municipio del Distrito Metropolitano de Quito, y un tagline que denota el objetivo principal del programa que es impulsar los negocios de diferentes empresarios de la ciudad.
MANUAL DE IDENTIDAD VISUAL
10
CAPÍTULO 2
REGLAS GENERALES 1. El logotipo del programa “En Marcha” deberá ser ubicado en: la esquina superior derecha, esquina inferior derecha, centrado superior o centrado inferior de cualquier pieza comunicacional (respetando los espacios circundantes que en la página 17 se detallan).
3. En las franjas de patrocionio, “En Marcha” deberá ser del mismo tamaño de otros logotipos, en caso de que esta regla se interponga con los parámetros de utilización de otras marcas, el logotipo no podrá ser inferior al 80% a la altura del elemento con el cual entra en conflicto.
2. En caso de que el logotipo sea parte del diseño delantero (como portada o carátula) de cualquier pieza de comunicación o elemento gráfico, deberá ser superior al menos con el 20% del tamaño de longitud de otros bloques de diseño que entren en conflicto de jerarquía con la marca.
4. Las diferentes versiones cromáticas del logotipo sirven para facilitar el trabajo de diseño de diferentes piezas gráficas; por lo que queda a consideración del usuario la selección de cualquiera de las versiones a utilizar, siempre y cuando no se infrinja con los parámetros de color y fondo que en el capítulo 3 se detallan. 5. Las versiones del logotipo en cuanto a supresión del tagline, se detallan en la página 18.
11
SISTEMA DE COMUNICACIÓN VISUAL
EJEMPLO REGLA 1
EJEMPLO REGLA 2
100%
80%
Como describe la regla, en este caso existe un elemento que puede causar conflicto de jerarquía en el diseño de esta portada, por lo que en relación a éste, el logotipo debe tener al menos un 20% más de longitud (ancho). Para describir los diferentes escenarios en donde el logotipopuede ser utilizado correctamente, en el presente manual se utilizará este símbolo en reemplazo, para no entrar en conflicto de correcta utilización de las escalas.
MANUAL DE IDENTIDAD VISUAL
12
CAPÍTULO 2
EJEMPLO REGLA 3
-20%
Si existe un logotipo que exceda los parámetros establecidos de escala en cuanto a altura (puede darse por interactuar con logotipos de disposición vertical) y entra en conflicto con la visión del desarrollo de la pieza gráfica (a criterio del usuario), se recomienda utilizar otra de las ubicaciones permitidas por el manual; respetando la altura de la franja del resto de logotipos.
13
SISTEMA DE COMUNICACIÓN VISUAL
VERSIONES DEL LOGOTIPO Existen solo dos versiones permitidas del logotipo de “En Marcha”, y son las que en este segmento se exponen. 1) La primera versión es la marca oficial, compuesta del logotipo, la franja y el tagline.
2) La segunda es la versión comprimida de la marca, la cual se utiliza por motivos de tamaño del formato; en ésta se suprime el tagline y se mantiene el logotipo y la franja (de un solo color plano), en el segmento de reducciones mínimas de este manual se detalla en qué casos se la utiliza (página 18).
Ambas versiones cuentan con variaciones cromáticas que en el capítulo 3 se detallan.
MANUAL DE IDENTIDAD VISUAL
14
CAPÍTULO 3
CONSTRUCCIÓN DEL LOGOTIPO En esta gráfica se explica visualmente cuales son las relaciones de proporción que existen entre cada uno de los elementos que componen el logotipo. En los espacios donde se encuentran circunferencias de colores iguales, las medidas son las mismas. El cajón de medida tiene 100 mm de longitud (ancho) y 60 mm de altura; y el logotipo dentro de esta caja mide 70 mm de longitud y 19,54 mm de altura.
15
SISTEMA DE COMUNICACIÓN VISUAL
GEOMETRÍA DEL LOGOTIPO En este segmento se muestra la construcción del logotipo sobre una cuadrícula, mostrando los lineamientos y ángulos específicos que tienen cada uno de los elementos que lo componen. Esta retícula sirve como base para evitar cualquier tipo de distorsión de la marca, y puede ser empleada para aplicaciones caligráficas manuales, o cualquier pieza gráfica que necesite el correcto uso de sus proporciones. Cada uno de los cuadros de la retícula tiene 5 mm de ancho y 5 mm de altura.
45 mm
22,3 mm
70 mm
80 mm MANUAL DE IDENTIDAD VISUAL
16
CAPÍTULO 3
ESPACIO CIRCUNDANTE En este segmento se muestra los espacios mínimos circundantes que se deben mantener alrededor del logotipo como espacios diáfanos y de protección. Esta área deberá estar exenta de elementos gráficos (como cuadros de texto, ilustraciones y/o fotografías, además de ser el espacio mínimo que debe existir entre márgenes del formato y el logotipo). La construcción del área de protección queda determinada por “X”, calculada por la altura del tagline y su correspondiente longitud simétrica para formar un cuadrado y/o un círculo (perfectos), esto en el caso de la versión oficial y completa; en el caso de la
17
SISTEMA DE COMUNICACIÓN VISUAL
versión comprimida queda determinada por el espacio entre el borde inferior de la franja y el borde inferior del logotipo. Se hace esta diferenciación entre los espacios circundantes de ambas versiones, al entender que si se está usando la versión comprimida es porque se está empleando formatos y/o estratos reducidos. Siempre que sea posible, es preferible aumentar al máximo estos espacios, separando el logotipo del resto de elementos de la pieza.
REDUCCIONES MÍNIMAS PERMITIDAS Para las reducciones mínimas permitidas se tienen ambas versiones, cuando se requiere utilizar al logotipo en formatos pequeños como llaveros y/o esferos se recomienda el uso de la versión comprimida, respetando las siguientes pautas: Para la versión oficial completa se establece un mínimo de reducción de 34 mm de longitud y 9,5 mm de altura para offset, y su correspondiente para medios digitales (128,7 px de longitud y 35,9 px de altura).
Para la versión comprimida se establece un mínimo de reducción de 26 mm de longitud y 5 mm de altura para offset, y su correspondiente para medios digitales (98,3 px de longitud y 18,9 px de altura).
34 mm 9,5 mm
26 mm 35,9 px
128,7 px
5 mm
18,9 px 98,3 px
MANUAL DE IDENTIDAD VISUAL
18
CAPÍTULO 4
CROMÁTICA CORPORATIVA El diseño sencillo y funcional del logotipo, permite la aplicación con diferentes versiones monocromáticas; aunque para corresponder a la línea gráfica y concepto de la marca, solo se permiten los siguientes colores de la galería de PANTONE COATED.
10%
10%
10%
10%
40%
40%
40%
40%
60%
60%
60%
60%
90%
90%
90%
90%
Pantone 185C
Pantone 286C
Pantone 361C
C: 1% M: 100% Y: 92% K: 0.02%
C: 75% M: 4% Y: 100% K: 0%
10%
10%
10%
40%
40%
40%
60%
60%
60%
90%
90%
90%
Pantone 267C
Pantone 213C
Pantone 299C
C: 76% M: 97% Y: 0% K: 0%
19
C: 100% M: 84% Y: 11% K: 3%
SISTEMA DE COMUNICACIÓN VISUAL
C: 1% M: 97% Y: 24% K: 0%
C: 78% M: 18% Y: 0% K: 0%
Pantone 1575C
C: 0% M: 62% Y: 85% K: 0%
Process Black
C: 0% M: 0% Y: 0% K: 80%
C: 0% M: 0% Y: 0% K: 100%
DEGRADADO DE LA FRANJA Este segmento expone cuales son los degradados cromáticos de la franja del logotipo para una correcta reproducción de los mismos; aunque no se permite la aplicación de estos degradados sobre toda la marca. Sí se permite el uso de estos colores sobre otros elementos gráficos que acompañen a la composición de las piezas en donde se exponga el logotipo.
C: 1% M: 100% Y: 92% K: 0.02%
C: 34% M: 100% Y: 92% K: 12%
C: 100% M: 53% Y: 2% K: 3%
C: 100% M: 97% Y: 2% K: 3%
C: 0% M: 97% Y: 23% K: 0%
C: 29% M: 97% Y: 23% K: 13%
C: 30% M: 4% Y: 100% K: 0.13%
C: 75% M: 4% Y: 100% K: 0.13%
C: 0% M: 55% Y: 94% K: 0%
C: 0% M: 83% Y: 94% K: 0%
C: 78% M: 18% Y: 0% K: 0%
C: 99% M: 39% Y: 0% K: 0%
C: 44% M: 91% Y: 0% K: 0%
MANUAL DE IDENTIDAD VISUAL
C: 84% M: 96% Y: 0% K: 0%
20
CAPÍTULO 4
VERSIONES B / N La estructura del logotipo nos permite trabajar sin inconvenientes sobre fondos negro y blanco. Cuando sea necesario trabajar en estas versiones cromáticas, se usará la barra entera convertida en un solo elemento.
21
SISTEMA DE COMUNICACIÓN VISUAL
VERSIONES CROMÁTICAS Para facilitar el correcto uso del logotipo, en este espacio se exponen las versiones cromáticas permitidas (sin contar las monocromas que se pueden utilizar y están en el segmento de “cromática corporativa” , y los fondos aceptados que están en la página 23). En cuanto al versión comprimida de la marca, cabe destacar que siempre se usará a un solo color plano, de cualquiera de las opciones de la página 19.
MANUAL DE IDENTIDAD VISUAL
22
CAPÍTULO 4
FONDOS CROMÀTICOS PERMITIDOS Se podrá utilizar el logotipo sobre fondos (que corresponden a la cromática corporativa), siempre y cuando las aplicaciones no comprometan la legibilidad del mismo. Además se cuidará de hacer el suficiente contraste entre el logotipo y el fondo a utilizar, para lo cual se establece como pauta que si se usa el mismo color corporativo para fondo y para logotipo debe haber una variación de matiz de al menos un 60%. Se recomienda usar el color blanco para todo el logotipo, con cualquier fondo cromático para generar el contraste adecuado.
23
SISTEMA DE COMUNICACIÓN VISUAL
10%
Con respecto a la regla que habla sobre la variaciรณn de matiz para cuando se utiliza el mismco color corporativo para el fondo y el logotipo, se expone en la imagen de la izquierda el ejemplo, donde el fondo tiene el 100% del matiz del color, y el logotipo en este caso debe tener 40%, para cumplir con la norma de diferencia del 60%.
40% 60% 90%
MANUAL DE IDENTIDAD VISUAL
24
CAPÍTULO 5
TIPOGRAFÌA CORPORATIVA La tipografía seleccionada para el manejo de piezas gráficas que partan de la marca “En Marcha” es ARIAL, y sus diferentes familias tipográficas que son: Regular, Italic, Bold Italic y Black, exceptuando de su uso a la variante Narrow, por su kerning reducido y dificultad de lectura. Los códigos que se tomaron en cuenta para la selección de esta letra son el uso de mayúsculas y minúsculas, palo seco de las letras y sus diversas familias que permiten una mayor expresión y versatilidad en el diseño de las piezas.
ARIAL REGULAR ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890
ARIAL BOLD ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890
ARIAL ITALIC ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890
ARIAL BLACK
ARIAL BOLD ITALIC
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890
25
SISTEMA DE COMUNICACIÓN VISUAL
CAPÍTULO 5
RESERVAS NATURALES Se aplica a la imagen cuando ésta se ubica sobre fondos complejos, ya sean texturas o fotografías. Reservando así el área de inviolabilidad aplicándose en un fondo de color blanco o de color del mismo fondo para evitar que se pierda legibilidad. Se prohíbe una reserva menor, siluetas o ausencia de la reserva, debido a que se pierde contraste con el fondo.
Se exceptúa esta regla siempre y cuando el espacio en donde se ubique el logotipo coincida con un área llana libre de elementos que perjudiquen la lectura del mismo.
MANUAL DE IDENTIDAD VISUAL
26
CAPÍTULO 5
CONTROL DE ROTACIÓN El logotipo no podrá ser rotado en ningún ángulo, siempre estará en disposición horizontal para no perjudicar su lectura en relación al formato donde se lo utilice. Esta regla queda exenta solo en caso de fotografías o aplicaciones donde la rotación sea producto de la perspectiva de la composición; es decir que, si se toma la fotografía de una pieza gráfica en donde participe el logotipo, y todos los elementos se encuentren en perspectiva en respuesta al ángulo de donde haya sido tomada la foto, la presentación de esta imagen no es considera una violación a la norma.
27
SISTEMA DE COMUNICACIÓN VISUAL
28
CAPÍTULO 6
USOS NO PERMITIDOS Sangrado: se prohibe el uso de sangrado para el logotipo, ya que se pierde visibilidad y por ende lectura correcta del mismo, no importa el tipo de diagramación o composición en la que participe.
Cambio de colores: se prohibe cualquier tipo de alteración en la cromática del logotipo fuera de la establecida en este manual en el capítulo 3.
Cambio de colores: se prohibe cualquier tipo de alteración en la cromática incluso utilizando los colores corporativos pero con combinaciones incorrectas y no establecidads en este manual. 29
SISTEMA DE COMUNICACIÓN VISUAL
Alteración de estructura: se prohibe cualquier tipo de cambio en la composición del logotipo, sea este otra disposición, cambio de dimensión, supresión, ensanchamiento, alargamiento o escala de los elementos que lo conforman. El no respeto de los parámetros: en todo este manual se han señaldo pautas a seguir para la correcta utilización del logotipo, el irrespeto a cualquier norma está totalmente prohibida, como en este caso el no uso de los reservas naturales para fondos complejos. Otras versiones: se prohibe la experimentación de otras versiones que alteren la correcta visibilización del logotipo, las variantes del mismo ya se han establecido en este manual, y no existen otras formas de representación gráfica de la marca.
Sombras paralelas: para evitar este tipo de variante se han establecido las reservas naturales del logotipo, y se prohibe el uso de cualquier mecanismo gráfico fuera de los indicados en este manual.
MANUAL DE IDENTIDAD VISUAL
30
31
CAPÍTULO 7
DISEÑO FRONTAL DE CAMISETA 210 mm
333 mm
MANUAL DE IDENTIDAD VISUAL
32
33
CAPÍTULO 7
DISEÑO POSTERIOR DE CAMISETA
150 mm
158 mm
MANUAL DE IDENTIDAD VISUAL
34
35
CAPÍTULO 7
BOLSO ECOLÓGICO 150 mm
237,8 mm
262 mm
50 mm
MANUAL DE IDENTIDAD VISUAL
36
37
CAPÍTULO 7
GORRA DE 6 PANELES
120 mm 60 mm
30 mm 30 mm 73,4 mm
107,4 mm 50 mm 10,97 mm
MANUAL DE IDENTIDAD VISUAL
38
39
CAPÍTULO 7
PORTADA LIBRETA
150 mm
200 mm
120 mm
82 mm
MANUAL DE IDENTIDAD VISUAL
40
41
CAPÍTULO 7
DISEÑO PÁGINAS DE LIBRETA
150 mm
5 mm
200 mm
20 mm
MANUAL DE IDENTIDAD VISUAL
42
43
CAPÍTULO 7
PORTADA TRASERA DE LIBRETA
150 mm
200 mm
MANUAL DE IDENTIDAD VISUAL
44
45
CAPÍTULO 7
CARPETA (TIRO)
1560 mm
2150 mm
3120 mm
MANUAL DE IDENTIDAD VISUAL
46
47
CAPÍTULO 7
CARPETA (RETIRO)
1560 mm
2150 mm
3120 mm
MANUAL DE IDENTIDAD VISUAL
48
49
CAPÍTULO 7
ESFERO O BOLÍGRAFO
4130 mm
10 mm
MANUAL DE IDENTIDAD VISUAL
50
51
CAPÍTULO 7
BOTÓN O PIN 55 mm
55 mm
MANUAL DE IDENTIDAD VISUAL
52
53
CAPÍTULO 7
LLAVERO DE CAUCHO
50 mm
30 mm
MANUAL DE IDENTIDAD VISUAL
54
55
CAPÍTULO 7
MANILLA O PULSERA DE CAUCHO
10 mm
MANUAL DE IDENTIDAD VISUAL
56
57
CAPÍTULO 7
SEÑALÉTICA
328 mm
400 mm
MANUAL DE IDENTIDAD VISUAL
58
Agencia de Promoción Económica CONQUITO Av. Maldonado OE1-172 y Carlos María de la Torre www.conquito.org.ec Quito-Ecuador