|
Elementos de Identidad Visual
MANUAL DE ELEMENTOS DE IDENTIDAD VISUAL La presente obra es un documento que recoge los elementos constitutivos de la Identidad Visual de la marca de la Alcaldía de EL PANGUI 2019-2023. Como elementos constitutivos establecemos las pautas de construcción, el uso de las tipografías y las aplicaciones cromáticas de la marca. El objetivo de este pequeño manual es ofrecer un material de consulta con las directrices necesarias para el correcto uso y aplicación de los elementos de identidad que forman parte de la marca.
Consultoría: Darwin Calle Carrillo. Redacción, diseño y maquetación: Darwin Street Studio.
Manual de Identidad Visual. Alcaldía de El Pangui. Prohibida la reproducción total o parcial de esta obra, por cualquier medio, sin autorización escrita del propietario de los derechos. © 2019 ALCALDÍA DE ELPANGUI. TODOS LOS DERECHOS RESERVADOS. El Pangui, Zamora Chinchipe, Ecuador.
CONTENIDO Concepto. LOGOTIPO ILUSTRADO Boceto para ilustración de logotipo Proceso constructivo de tipografía. Elementos constitutivos de las ilustraciones. Articulación de logotipo - versión horizontal. Articulación de logotipo - versión vertical. Logotipo full color - horizontal. Logotipo full color - vertical. Otras versiones horizontales permitidas - positivo. Otras versiones horizontales permitidas - negativo. Otras versiones verticales permitidas - positivo. Otras versiones verticales permitidas - negativo. Normativa de ampliación/reducción del imagotipo. Zona de protección - logotipo vertical. Zona de protección - logotipo horizontal. Reproducción sobre fondos fotográficos. Usos incorrectos. Códigos cromáticos. Tipografías corporativas. Logotipo con nombres dependencias. SISTEMA DE USO DEL LOGOTIPO EN PAPELERÍA, ROTULACIÓN Y VEHÍCULOS Logotipo en papelería: tarjeta de presentación. Logotipo en papelería: hoja membretada. Logotipo en papelería: carpeta. Logotipo en papelería: valla y banner. Logotipo en papelería: vehículos.
7 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
CONCEPTO. El objetivo de la identidad visual de la alcaldía de El Pangui es proyectar la riqueza del cantón en sus rasgos más característicos en cinco de los aspectos que definen a esta población: La fauna, flora, gastronomía, sus tradiciones y su gente. Partiendo de esa idea se plantea una serie de ilustraciones encajadas en la morfología de los caracteres de su nombre. Haciendo uso del color connotativo de los diferentes elementos y a su vez haciendo juego con el color icónico, saturado y fantasioso se ha impregnado de un carácter propio a cada elemento ilustrativo que conforman el logotipo EL PANGUI.
7
9
LOGOTIPO ILUSTRADO
10
BOCETO PARA ILUSTRACIÓN DE LOGOTIPO
PROCESO CONSTRUCTIVO DE LA TIPOGRAFÍA. La propuesta gráfica consta de elementos ilustrativos encajados en la morfología de los caracteres del nombre PANGUI, para ello se diseñó una tipografía orgánica desde cero, especial para este caso para evocar las formas de la naturaleza. Dentro de estos caracteres se encajarán las formas estilizadas de los elementos representativos del cantón.
11
12
ELEMENTOS CONSTITUTIVOS DE LAS ILUSTRACIONES.
ÍCONO GENERAL
FAUNA
FLORA PRODUCCIÓN
GASTRONOMÍA
TRADICIONES
NACIONALIDADES
Hachos Boa [Pangui] Cascadas Orquídeas
Gallito de las rocas Boa Colibrí Conga
Chonta Café Cacao Hachos/Tagua Cascadas Orquídeas
Chicha Chontacuros Ancas de rana Ayampaco
Virgen de Fátima Fiestas tradicionales Iglesia de El Pangui
Saraguro Afroecuatoriano Shuar Mestizo
13
ARTICULACIÓN DE LOGOTIPO - VERSIÓN HORIZONTAL. Las líneas de texto tanto arriba como abajo y que corresponden a la “alcaldía de el” y el solgan “¡Somos todos!” respectivamente tendrán un módulo de separación como se puede ver en la figura de esta página. 1 módulo
1 2 3 4
14
ARTICULACIÓN DE LOGOTIPO - VERSIÓN VERTICAL. En la versión vertical el logotipo se ubicará en la parte inferior del isotipo y estará separado por un módulo que corresponde a ocho veces la altura del isotipo.
LOGOTIPO FULL COLOR - HORIZONTAL
15
16
LOGOTIPO FULL COLOR - VERTICAL
OTRAS VERSIONES HORIZONTALES PERMITIDAS - POSITIVO. Para composiciones sobre fondo blanco se podrá utilizar sólo las siguientes versiones de logotipo: A. Colores planos simplificada para técnicas de reproducción más complejas como vinilos adhesivos, serigrafía, etc. B. Un solo color [verde esmeralda]. C. Para anuncios de diarios en un solo color. D, E y F. Versiones horizontales extendidas, para espacios muy reducidos verticalmente. A.
B.
C.
D.
E.
F.
17
18
OTRAS VERSIONES HORIZONTALES PERMITIDAS - NEGATIVO. En casos específicos donde se utilice como fondo el color corporativo principal [verde esmeralda] para lo cual se podrá utilizar solo las siguientes versiones de logotipo: A. Full color con contorno blanco. Esta solución puede aplicarse también a otros fondos de color o fondos fotográficos. B. Colores planos simple con contorno blanco. Puede aplicarse también a otros fondos de color o fondos fotográficos. C. Un solo color. D, E y F. Versiones horizontales extendidas, para espacios muy reducidos verticalmente.
A.
B.
C.
D.
E.
F.
19
OTRAS VERSIONES VERTICALES PERMITIDAS - POSITIVO. Para composiciones sobre fondo blanco se podrá utilizar sólo las siguientes versiones de logotipo: A. Un solo color [vector de pocos puntos, especial para vinilos, sellos, bordados, etc]. B. Un solo color [verde esmeralda]. C. Para anuncios de diarios en un solo color.
A.
B.
C.
20
OTRAS VERSIONES VERTICALES PERMITIDAS - NEGATIVO. En casos específicos donde se utilice como fondo el color corporativo principal [verde esmeralda] para lo cual se podrá utilizar solo las siguientes versiones de logotipo: A. Full color con contorno blanco. Esta solución puede aplicarse también a otros fondos de color o fondos fotográficos. B. Colores planos simple con contorno blanco. Puede aplicarse también a otros fondos de color o fondos fotográficos. C. Un solo color.
A.
B.
C.
NORMATIVA DE AMPLIACIÓN/REDUCCIÓN DEL LOGOTIPO. Con el fin de garantizar la correcta legibilidad de los elementos de identidad en los diferentes tamaños se hacen las siguientes recomendaciones:
Versión full color para 5cm o más
Utilizar la versión de imagotipo vertical en full color cuando este tenga un tamaño de 5cm o más. Utilizar la versión de imagotipo horizontal en full color cuando este tenga un tamaño de 8,5cm o más Cuando se vaya a imprimir el logotipo en tamaños menores a los citados arriba se recomienda utilizar las versiones en colores planos simples o la de un solo color. VERSIÓN MINIATURA Para casos especiales se utilizará la versión simplificada como por ejemplo: - Para tamaños reducidos. - Espacios verticales alargados. - Avatars o fotos de perfil. - Fondos de smartphones.
8,5cm o más
VERSIÓN MINIATURA
21
22
ZONA DE PROTECCIÓN - LOGOTIPO VERTICAL. En el caso de presentar el logotipo en un mismo espacio o página, yuxtapuesto a otros elementos [textos, fotografías, imágenes, etc.] estos deberán situarse por fuera de los límites marcados por las líneas color magenta que corresponde a la altura de tres módulos [módulos: págs. 13, 14]. Este “aislamiento” permitirá una mejor lectura del logo, otorgándole el espacio libre necesario para que la marca pueda “respirar” y no confundirse dentro de un entorno de ruido visual.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a
printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type.
1 módulo
type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
ZONA DE PROTECCIÓN - LOGOTIPO HORIZONTAL. 1 módulo
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of
Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Lorem Ipsum has been the industry's standard dummy text ever since
the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
23
24
REPRODUCCIÓN SOBRE FONDOS FOTOGRÁFICOS. El logo o cualquiera de sus elementos (símbolo - logotipo) debe proyectarse siempre sobre fondos que garanticen su legibilidad y un adecuado contraste visual con la finalidad de evitar la pérdida de identificación y asegurar su efectiva representatividad.
A. A1.
A2.
La versión del imagotipo full color o colores planos simple con contornos blancos como lo muestra el apartado de “versiones permitidas” [págs. 18,20] se debe utilizar cuando el fondo tiene demasiado detalle y es oscuro [A3 y B3]. El imagotipo full color o colores planos simple sin contornos blancos se debe usar sólo en casos donde la fotografía de fondo es lo suficientemente clara [clave alta] u oscura [clave baja] [A1 y B1]. En el caso de los imagotipos de un sólo color, de igual manera el fondo fotográfico debe ser lo suficientemente claro u oscuro [A2 y B2] para poder reproducirlo de manera óptima.
A3.
B.
B2.
B1.
B3.
25
USOS INCORRECTOS. El uso incorrecto de cualquiera de los elementos de identidad por mínimo que sea, puede iniciar una progresiva distorsión en la imagen visual adoptada.
Versión correcta
A continuación se muestran algunos errores frecuentes que suelen cometerse. A. El logotipo siempre se compondrá con la tipografía corporativa.
A.
¡somos todos!
B. La disposición de los elementos no debe alterarse. C. La configuración proporcional de los elementos no puede variarse.
ALCALDÍA DE EL
C.
D.
E.
F.
D. Sólo se reproducirá en colores sólidos o los degradados proginales establecidos en este manual. E. Nunca se distorsionarán las formas. F. Se debe preservar la correcta visualización y contraste del logo sobre fondos fotográficos o de color sólido.
26
CÓDIGOS CROMÁTICOS. El color corporativo principal es el Verde Esmeralda [Pantone 3405 C]. Para la correcta interpretación de los colores de la marca, los códigos de los mismos deben facilitarse a través de este manual a la imprenta, diseñador, rotulador o cualquier proveedor que necesite crear cualquier arte, pieza publicitaria o aplicación para la marca. En el caso de la imprenta, sino se cuenta con el color Pantone, el profesional de las artes gráficas, adoptará el método más idóneo para obtener lo colores de la identidad más aproximados a los tonos originales. COLORES ADICIONALES Se han incluido dentro de la paleta, algunos colores simbólicos que en conjunto armonizan y refuerzan el color corporativo principal.
70, 0, 100, 0 CMYK 80, 184, 72 RGB #50B848 HEXA
Verde Esmeralda
Pantone 3405 C
100%
100%
20%
40%
80%
60%
Gradientes
20%
40%
80%
60%
Colores planos
27
TIPOGRAFÍAS CORPORATIVAS La tipografía corporativa básica es la fuente “AMARANTH” en sus distintas versiones. Se la debe utilizar para titulares o textos destacados. Para la composición de bloques de texto se deberá utilizar la fuente “ROBOTO” en sus diferentes calibres. Las fuentes mencionadas se deberán utilizar en los diferentes soportes de comunicación, para mantener una unidad gráfica en todos los elementos representativos de la marca. El empleo contínuo de estas tipografías, es de gran ayuda para ir fijando sólida y claramente un “estilo propio de identidad”.
Amaranth Regular abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Amaranth Bold abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Thin abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Thin Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Light abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Light Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Regular abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Regular Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Medium abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Medium Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Bold abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Bold Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Black abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Black Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Condensed abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Condensed Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Black Condensed abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
Roboto Bold Condensed Italic abcdefghijklmnñopqrstuvwxyz 12345678890 ;*”¡!¿?&$%[](){}@
28
LOGOTIPO CON NOMBRES DE DEPENDENCIAS. Se podrá utilizar tanto el imagotipo vertical como el horizontal dependiendo del espacio donde se vaya a mostrar. El imagotipo y el nombre de la dependencia deben ir separados con una línea. Los textos con los nombres de las dependencias deben tener las siguientes configuraciones: EN VERSIONES HORIZONTALES [A] Ubicación: derecha. Caja de texto: alineación izquierda Distribución: máximo dos líneas. EN VERSIONES VERTICALES [B] Ubicación: Inferior. Caja de texto: alineación derecha Distribución: máximo dos líneas.
A.
B.
ALCALDÍA OBRAS PÚBLICAS
29
SISTEMA DE USO DEL LOGOTIPO EN PAPELERÍA, ROTULACIÓN Y VEHÍCULOS
30
LOGOTIPO EN PAPELERÍA: TARJETA DE PRESENTACIÓN Se podrá utilizar tanto el imagotipo vertical como el horizontal dependiendo del espacio donde se vaya a mostrar. El imagotipo y el nombre de la dependencia deben ir separados con una línea. Los textos con los nombres de las dependencias deben tener las siguientes configuraciones: EN VERSIONES HORIZONTALES [A] Ubicación: derecha. Caja de texto: alineación izquierda Distribución: máximo dos líneas. EN VERSIONES VERTICALES [B]
1cm
JUAN M. PÉREZ
Ubicación: Inferior. Caja de texto: alineación derecha Distribución: máximo dos líneas.
CARGO / DIGNIDAD 0999888777 jperez@elpangui.gob.ec
0,5cm
Dirección: Avenida 13 de Mayo y Luis Imaicela. Teléfonos: 2702255 / 3702256 / 3702257 - Ext.: 122
31
LOGOTIPO EN PAPELERÍA: HOJA MEMBRETADA
ENCABEZADO
0,8cm
0,8cm
PIE
Dirección: Avenida 13 de Mayo y Luis Imaicela Teléfonos: 2702255 / 3702256 / 3702257 - Ext.: 122 0,8cm
32
LOGOTIPO EN PAPELERÍA: CARPETA
Dirección: Avenida 13 de Mayo y Luis Imaicela. Teléfonos: 2702255 / 3702256 / 3702257 - Ext.: 122 1cm
33
33
LOGOTIPO EN PAPELERÍA: VALLA Y BANNER
Foto
Foto
Dirección: Avenida 13 de Mayo y Luis Imaicela. Teléfonos: 2702255 / 3702256 / 3702257 - Ext.: 122
34
LOGOTIPO EN PAPELERÍA: VEHÍCULOS Adhesivo lateral
105
VEHÍCULO DE USO OFICIAL www.elpangui.gob.ec Adhesivo Posterior
105
VEHÍCULO DE USO OFICIAL
Informe cómo conduzco: Telf: 072456782 Ext: 122
www.elpangui.gob.ec
.d a r
om
de s
i
07 2579834
o
w
ww
0984 846186
t
ud i
gn
otography h p & s
. t e e wins tr
c