Manual de identidad de marca
驴C贸mo nos debes utilizar?
EN 1 DIA MOVIMIENTO CIUDADANO
1
2
100en1día; ¡activa tu ciudadanía! http://100en1dia.com/
3
Contenido Algo para empezar... 1. Intruducción 2 .Personalidad de la marca 3. Identificador 4. Versiones de color 5. Versiones de tono 6. Versión alto contraste (blanco y negro) 7. Área de reserva 8. Cuadrícula guía 9. Tamaño mínimo 10. Usos incorrectos del identificador 11. Fondos permitidos 12. Fondos no permitidos 13. Expresión visual 14. Color 15. Típografía 16. Gráficas complementarias 17. Créditos
6 7 8 9-10 11 12 13 14 15 16 17 18 19 20-21 22-25 26-28 29
4
Bienvenido Para nosotros es de vital importancia acompañarte en este proceso, y brindarte las herramientas para que transformes tu ciudad. Nos llena de orgullo saber que estamos dejando este proyecto en manos de personas capaces y apasionadas como tú, que actúan y movilizan a su comunidad para alcanzar sueños colectivos. Este manual de identidad de marca contiene la información más relevante para que puedas aplicar la marca de 100en1día en tu ciudad.
Equipo Base 100en1día
5
Introducción “Somos un movimiento ciudadano que conglomera cien o más iniciativas distintas en un día, por medio de las cuáles se busca la transformación de hábitos y/o espacios propios de la ciudad, desde la perspectiva de sus ciudadanos y hacia lo que éstos desean de ella. Todo esto con el fin de generar una mayor y más consciente apropiación del entorno próximo y, en consecuencia, la construcción de un ambiente idóneo para la convivencia”
“Queremos ser catalizadores del cambio, concentrándonos en mostrar a la ciudadanía la capacidad que tiene para influir en su entorno”
6
Personalidad de la marca La personalidad de la marca describe las características únicas, diferenciadores y el espíritu de 100en1día como movimiento ciudadano. Las propiedades de la personalidad de marca funcionan como guías en el desarrollo y evaluación de las aplicaciones en la comunicación visual y verbal. El objetivo, al elegir unas propiedades que brindan pautas en el desarrollo de la identidad de marca, es lograr que el mensaje tenga unidad, fuerza y pregnancia. e la compe-
tencia en el mercado.
Los tres ejes en los que se apoyan nuestras comunicaciones son: 1. Tranformación social 2. Colaboración 3. Pensamiento progresivo
7
Identificador El logo-símbolo está compuesto por un elemento gráfico de soporte (accesorio), y elementos tipográficos.
Símbolo
El símbolo de las dos cabezas representa colaboración, la comunicación entre personas y grupos, que trabajan con el objetivo de unir mentes para llegar a un fin común el cual es la transformación social de su ciudad.
EN 1 DIA
Esa unión y fusión de ideas colectivas esta representada por la superposición de las cabezas que generan el “Diagrama de Venn” presente en el centro del símbolo.
MOVIMIENTO CIUDADANO
100en1día es un movimiento de coexistencia construcción de ideas, mediante la motivación de cambio, la investigación y la experimentación.
Tipografía
8
Versión en positivo color La aplicación invertida del logo-símbolo es en azul claro, azul oscuro y naranja sobre fondo blanco. Este deber ser producido en tecnología de alta resolución que garantice un alto grado de precisión y consistencia. El color PANTONE® se debe usar para piezas gráficas impresas en sistemas de impresión tales como Offset, litografía y plotter.
C77 M8 Y21 K0 PANTONE® 633C Web #00a8c0 R0 G168 B192
EN 1 DIA MOVIMIENTO CIUDADANO C50 M0 Y10 K0 PANTONE® 630C Web #87cee0 R135 G206 B224
C0 M59 Y81 K0 PANTONE® 715C Web #ef833b R239 G131 B59
C100 M54 Y0 K11 PANTONE® 301C Web #005da1 R0 G93 B161
EN 1 DIA MOVIMIENTO CIUDADANO C87 M51 Y0 K0 PANTONE® 660C Web #6fb3 R0 G111 B179 9
EN 1 DIA MOVIMIENTO CIUDADANO C0 M44 Y66 K0 PANTONE® 7410C Web #f4a45f R244 G164 B95
Versión en negativo color La aplicación invertida del logo-símbolo es en blanco, únicamente sobre fondo azul claro, azul oscuro y naranja. Este deber ser producido en tecnología de alta resolución que garantice un alto grado de precisión y consistencia. El color PANTONE® se debe usar para piezas gráficas impresas en sistemas de impresión tales como Offset, litografía y plotter.
EN 1 DIA MOVIMIENTO CIUDADANO C50 M0 Y10 K0 PANTONE® 630C Web #87cee0 R135 G206 B224
EN 1 DIA MOVIMIENTO CIUDADANO C87 M51 Y0 K0 PANTONE® 660C Web #6fb3 R0 G111 B179 10
EN 1 DIA MOVIMIENTO CIUDADANO C0 M44 Y66 K0 PANTONE® 7410C Web #f4a45f R244 G164 B95
Versión tono continuo positivo/negativo La aplicación del logo-símbolo en tono continuo positivo/ negativo es en (gris) PANTONE® 423C sobre fondo blanco. El logotipo debe ser producido en tecnología de alta resolución que garantice un alto grado de precisión y consistencia, además de una fidelidad en el color presente en el identificador. El color PANTONE se debe usar para piezas gráficas impresas en sistemas de impresión tales como Offset, litografía y plotter.
EN 1 DIA MOVIMIENTO CIUDADANO
C0 M0 Y0 K70 PANTONE® 423C Web #707173 R112 G113 B115
EN 1 DIA MOVIMIENTO CIUDADANO
11
Versión blanco y negro positivo/negativo El logo-símbolo debe ser utilizado en blanco y negro únicamente cuando es imposible utilizar los colores principales o secundarios de este. Esta versión muestra la aplicación del logotipo en blanco y PANTONE® 426C positivo.
EN 1 DIA
La producción siempre debe hacerse en tecnología de alta resolución que garantice un alto grado de precisión y consistencia.
MOVIMIENTO CIUDADANO
El color PANTONE se debe usar para piezas gráficas impresas en sistemas de impresión tales como Offset, litografía y plotter.
C0 M0 Y0 K100 PANTONE® 426C Web #1a171b R26 G23 B27
EN 1 DIA MOVIMIENTO CIUDADANO
12
Área de reserva El logo-símbolo está rodeado por una área de reserva que debe ser respetada para garantizar la claridad y óptima legibilidad de la marca. Por esa razón ningún elemento (gráfico, fotográfico, texto, o corte de página) debe invadir esa área.
Área de reserva mínima, equivale a 2x alrededor de todo el logo-símbolo
El área mínima de protección está dada por la unidad de medida x que corresponde el área que ocupa el cuadrado azul. La medida x debe ser respetada a cada uno de los 4 lados del logo-símbolo.
EN 1 DIA MOVIMIENTO CIUDADANO Medida x
13
Cuadrícula Guía La cuadrícula en el logo-símbolo se utiliza para ayudar en la composición y compatibilidad de los elementos del identificar entre sí, ésta se hace para garantizar la claridad y óptima legibilidad de la marca.
EN 1 DIA MOVIMIENTO CIUDADANO
14
Tamaño mínimo Todas las versiones del logo-símbolo son diseños vectoriales que permiten su reproducción a cualquier escala. El tamaño mínimo al que se debe utilizar el logotipo es a una longitud de 2.4cm x 2.3cm de alto para asegurar su legibilidad en las piezas comunicativas.
EN 1 DIA MOVIMIENTO CIUDADANO
Tamaño mínimo: Impresión: 2.4 x 2.3 cm
15
Usos incorrectos El logo-s铆mbolo siempre deber ser reproducido a partir de los archivos vectoriales originales y no debe sufrir variaci贸n alguna.
EN 1 DIA
MO
OC
IU
AN
O
EN 1 DIA
EN 1 DIA
EN 1 DIA
EN 1 DIA
EN 1 DIA
EN 1 DIA
MOVIMIENTO CIUDADANO
MOVIMIENTO CIUDADANO
VIM
T IEN
A
D DA
MOVIMIENTO CIUDADANO
EN
I D 1
EN 1 DIA
MOVIMIENTO CIUDADANO
A continuaci贸n se muestran algunos ejemplos de los usos prohibidos.
EN 1 DIA
EN 1 DIA
MOVIMIENTO CIUDADANO
Es indispensable hacer un uso correcto del identificador para proteger la marca.
MOVIMIENTO CIUDADANO
MOVIMIENTO CIUDADANO
MOVIMIENTO CIUDADANO
16
MOVIMIENTO CIUDADANO
MOVIMIENTO CIUDADANO
Fondos permitidos El logo-símbolo debe ser aplicado únicamente sobre fotografías o imágenes que generen alto contraste entre el identificador y el fondo para garantizar una legibilidad óptima, proyectando pregnancia de la marca en la percepción del receptor del mensaje.
EN 1 DIA MOVIMIENTO CIUDADANO
EN 1 DIA MOVIMIENTO CIUDADANO
17
Fondos no permitidos El logo-símbolo no se debe aplicar sobre fondos con texturas grises, imágenes con bajo contraste, ya que provocarían ruidos visuales que generan poca atención de la marca en la percepción de los espectadores de esta. Los siguientes son ejemplos del uso inadecuado del identificador de marca.
EN 1 DIA
EN 1 DIA
MOVIMIENTO CIUDADANO
MOVIMIENTO CIUDADANO
18
Expresión visual Todas las piezas gráficas se comunican a través de elementos visuales como la consistencia en el uso de tipografías o la paleta de colores. La expresión visual es una guía para entender cómo expresarse y aplicar visualmente todos los elementos en los soportes comunicativos. También se busca que sea una guía para que las personas que deben tomar decisiones sobre el uso de tipografías, colores, composiciones e imágenes de comunicación las tomen de manera correcta sin deformar la unidad de marca. El objetivo principal es generar un unidad gráfica en todas las aplicaciones de la marca hechas para 100en1día para lograr pregnancia en la ciudadanía.
19
Color La paleta principal de colores del sistema de identidad de marca de 100en1día está compuesta por el PANTONE® 630C, PANTONE® 660C, PANTONE®, PANTONE® 7410C sobre el fondo blanco. La paleta de colores secundarios está compuesta por el PANTONE® 423C y el color blanco.
Principales PANTONE® 630C
PANTONE® 660C
PANTONE® 7410C
C:50 M:0 Y:10 K:0
C:87 M:51 Y:0 K:0
C:0 M:44 Y:66 K:0
R:135 G:206 B:224
Web: #87cee0
R:0 G:111 B:179
Web: #6fb3
R:244 G:164 B:95
Web #f4a45f
Secundario PANTONE® 423C
BLANCO
C:0 M:0 Y:0 K:70
C: 0 M: 0 Y: 0 K: 00
R:112 G:113 B:115
Web #707173 20
R: 255 G: 255 B: 255
Web ff ff ff
Color, tipografía La paleta principal de colores del sistema de identidad de pecífica dentro de las jerarquías tipográficas. marca de 100en1día está compuesta por el PANTONE® A continuación se explican la diferencias entre cada una. 630C, PANTONE® 660C, PANTONE®, PANTONE® 7410C sobre el fondo blanco. La paleta de colores secundarios está compuesta por el PANTONE® 423C y el color blanco. Cada color de la indentidad de marca tiene una función esPANTONE® 630C
PANTONE® 660C
PANTONE® 7410C
PANTONE® 423C
C:50 M:0 Y:10 K:0
C:87 M:51 Y:0 K:0
C:0 M:44 Y:66 K:0
C:0 M:0 Y:0 K:70
R:135 G:206 B:224
Web: #87cee0
Títulos grandes (45pt) Subtítulos (20pt) Fondos
R:0 G:111 B:179
Web: #6fb3
R:244 G:164 B:95
Web #f4a45f
Títulos (16pt) Subtítulos (14pt) Párrafos pequeños (12pt)
Títulos (45pt) Subtítulos (20pt)
21
R:112 G:113 B:115
Web #707173
Párrafos (texto, 12pt)
Tipografía Tungsten Semibold y médium son las fuentes del identificador de marca de 100en1día, estás tienen un tracking y un puntaje que varía según el tamaño del logo-símbolo.
Tungsten Semibold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨<
EN 1 DIA MOVIMIENTO CIUDADANO
Tungsten Medium Tugsten Medium Tracking 18 Puntaje 24
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< 22
Tugsten Semibold Tracking 40 Puntaje 70
Tipografía Tungsten semibold y medium es la fuente tipográfica utilizada para los títulos y subtítulos de todas las piezas corporativas de la marca 100en1día
Tungsten Semibold ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨<
Tungsten Medium ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨<
23
Tipografía Frutiger es la fuente tipográfica utilizada para el texto de todas las piezas corporativas de la marca 100en1día.
Frutiger Light
Los textos tienen un tracking de 0 y el puntaje para medios editoriales debe ser de 12 o 14, pero este puede cambiar dependiendo del tamaño de las piezas corporativas que se diseñen.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< Frutiger Light Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨<
24
Tipografía, usos incorrectos Frutiger es la fuente tipográfica utilizada para el texto de todas las piezas corporativas de la marca 100en1día. Los siguientes son ejemplos del uso inadecuado de la tipografía. 1. 2. 3. 4. 5. 6.
No No No No No No
usar interletrado muy amplio. usar interletrado muy cerrado. usar interlineado muy amplio. usar interlineado muy reducido. justificar textos al centro. justificar los textos a la derecha.
1. Nus . R i b us p er fer i t i o. D i c i a e. N a m quun t d ol up t a s a ut exc ep e r um l a b i p s a m fa c es t ul p a es to b ea n i h i c tot a s n i t a t i i s et ur a l i s a udi t a a b o . A p er i os a ut ul l a n di a s p i en d i s qua t i os s um c on em f ug i t i qua m , verfero v i d er feri .
4. Nus . R i b us p er fer i t i o. D i c i a e. N a m quun t d ol up t a s a ut exc ep e r um l a b i p s a m fa c es t ul p a es to b ea n i h i c tot a s n i t a t i i s et ur a l i s a udi t a a b o . A p er i os a ut ul l a n di a s p i en d i s qua t i os s um c on em f ug i t i qua m , verfero v i d er feri .
25
2.
3. Nus . R i b us p er fer i t i o. D i c i a e.
Nus. Ribus perferitio. Diciae. Nam quunt doluptas aut exceperum lab ipsam facest ulpa esto bea nihictotas nitatiis etur alis audita abo. Aperios aut ullandi aspiend isquatiossum conem fugiti quam, verfero viderferi.
N a m quun t d ol up t a s a ut exc ep e r um l a b i p s a m fa c es t ul p a es to b ea n i h i c tot a s n i t a t i i s et ur a l i s a ud i t a a b o. A p er i os a ut ul l a n di a s p i en d i s qua t i os s um c o n em f ug i t i qua m , ver fero v i d er fer i .
5. Nus. Ribus per feritio. Diciae. Nam quunt doluptas aut excepe rum lab ipsam facest ulpa esto bea nihictotas nitatiis etur alis audi ta abo. Aperios aut ullandi aspiend isquatiossum conem fugiti quam, verfero vider feri.
6. Nus. Ribus per feritio. Diciae. Nam quunt doluptas aut excepe rum lab ipsam facest ulpa esto bea nihictotas nitatiis etur alis audi ta abo. Aperios aut ullandi aspiend isquatiossum conem fugiti quam, verfero vider feri.
Grรกficas complementarias Esta grรกfica se toma como un teselado el cual parte del elemento identificador principal del identificador. Se utilizarรก como grรกfica complementaria en las piezas corporativas y promocionales de la marca.
26
Gráficas complementarias Esta gráfica parte desde la abstracción de la parte colonial de la ciudad de Bogotá. Se utilizará como gráfica complementaria en las piezas corporativas y promocionales de la marca.
27
Gráficas complementarias Esta gráfica es una línea doble la cual tiene un grosor de 15 puntos las cuales pueden estar ubicadas horizontal o verticalmente. Está se utilizará como gráfica complementaria en las piezas corporativas y promocionales de la marca.
28
Créditos Equipo Identidad 100en1día... 1. Diseño identificador Frank Scott Krueger Heidi Walti 2. Manual de identidad de marca Paola Campos 3. Gráficas complementarias Paola Campos Sandra Osorio 4. Corrección de estilo José Buendía 5. Fotografía Valeria Grajales
29
30