100en1dia   manual de identidad de marca
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

100en1dia manual de identidad de marca

on

  • 722 views

 

Statistics

Views

Total Views
722
Views on SlideShare
722
Embed Views
0

Actions

Likes
0
Downloads
6
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

100en1dia manual de identidad de marca Presentation Transcript

  • 1. Manual de identidad de marca ¿Cómo nos debes utilizar? EN 1 DIA MOVIMIENTO CIUDADANO1
  • 2. 2
  • 3. 100en1día; ¡activa tu ciudadanía! http://100en1dia.com/ 3
  • 4. ContenidoAlgo para empezar...1. Intruducción 62 .Personalidad de la marca 73. Identificador 84. Versiones de color 9-105. Versiones de tono 116. Versión alto contraste (blanco y negro) 127. Área de reserva 138. Cuadrícula guía 149. Tamaño mínimo 1510. Usos incorrectos del identificador 1611. Fondos permitidos 1712. Fondos no permitidos 1813. Expresión visual 1914. Color 20-2115. Típografía 22-2516. Gráficas complementarias 26-2817. Créditos 29 4
  • 5. BienvenidoPara nosotros es de vital importancia acompañarte eneste proceso, y brindarte las herramientas para que trans-formes tu ciudad.Nos llena de orgullo saber que estamos dejando este pro-yecto en manos de personas capaces y apasionadas comotú, que actúan y movilizan a su comunidad para alcanzarsueños colectivos.Este manual de identidad de marca contiene la informa-ción más relevante para que puedas aplicar la marca de100en1día en tu ciudad. Equipo Base 100en1día 5
  • 6. Introducción“Somos un movimiento ciudadano que conglomera cien omás iniciativas distintas en un día, por medio de las cuálesse busca la transformación de hábitos y/o espacios pro-pios de la ciudad, desde la perspectiva de sus ciudadanosy hacia lo que éstos desean de ella. Todo esto con el finde generar una mayor y más consciente apropiación delentorno próximo y, en consecuencia, la construcción deun 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
  • 7. Personalidad de la marcaLa personalidad de la marca describe las característicasúnicas, diferenciadores y el espíritu de 100en1día comomovimiento ciudadano.Las propiedades de la personalidad de marca funcionancomo guías en el desarrollo y evaluación de las aplicacio-nes en la comunicación visual y verbal.El objetivo, al elegir unas propiedades que brindan pautasen el desarrollo de la identidad de marca, es lograr que elmensaje 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
  • 8. IdentificadorEl logo-símbolo está compuesto por un elemento grá-fico de soporte (accesorio), y elementos tipográficos. SímboloEl símbolo de las dos cabezas representa colaboración,la comunicación entre personas y grupos, que trabajancon el objetivo de unir mentes para llegar a un fin co-mún el cual es la transformación social de su ciudad. EN 1 DIAEsa unión y fusión de ideas colectivas esta representa-da por la superposición de las cabezas que generan el“Diagrama de Venn” presente en el centro del símbolo.100en1día es un movimiento de coexistencia cons-trucción de ideas, mediante la motivación de cambio, MOVIMIENTO CIUDADANOla investigación y la experimentación.   Tipografía 8
  • 9. Versión en positivo colorLa 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ónque garantice un alto grado de precisión y consistencia.El color PANTONE® se debe usar para piezas gráficas im-presas en sistemas de impresión tales como Offset, lito-grafía y plotter.C77 M8 Y21 K0 C100 M54 Y0 K11 C0 M59 Y81 K0PANTONE® 633C PANTONE® 301C PANTONE® 715CWeb #00a8c0 Web #005da1 Web #ef833bR0 G168 B192 R0 G93 B161 R239 G131 B59 EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO C50 M0 Y10 K0 C87 M51 Y0 K0 C0 M44 Y66 K0 PANTONE® 630C PANTONE® 660C PANTONE® 7410C Web #87cee0 Web #6fb3 Web #f4a45f R135 G206 B224 R0 G111 B179 R244 G164 B95 9
  • 10. Versión en negativo colorLa aplicación invertida del logo-símbolo es en blanco, úni-camente sobre fondo azul claro, azul oscuro y naranja.Este deber ser producido en tecnología de alta resoluciónque garantice un alto grado de precisión y consistencia.El color PANTONE® se debe usar para piezas gráficas im-presas en sistemas de impresión tales como Offset, lito-grafía y plotter. EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO C50 M0 Y10 K0 C87 M51 Y0 K0 C0 M44 Y66 K0 PANTONE® 630C PANTONE® 660C PANTONE® 7410C Web #87cee0 Web #6fb3 Web #f4a45f R135 G206 B224 R0 G111 B179 R244 G164 B95 10
  • 11. Versión tono continuo positivo/negativoLa 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 re-solución que garantice un alto grado de precisión y con-sistencia, además de una fidelidad en el color presente enel identificador.El color PANTONE se debe usar para piezas gráficas im- EN 1 DIA MOVIMIENTO CIUDADANOpresas en sistemas de impresión tales como Offset, lito-grafía y plotter. C0 M0 Y0 K70 PANTONE® 423C Web #707173 R112 G113 B115 EN 1 DIA MOVIMIENTO CIUDADANO 11
  • 12. Versión blanco y negro positivo/negativoEl logo-símbolo debe ser utilizado en blanco y negro úni-camente cuando es imposible utilizar los colores principa-les o secundarios de este.Esta versión muestra la aplicación del logotipo en blancoy PANTONE® 426C positivo.La producción siempre debe hacerse en tecnología dealta resolución que garantice un alto grado de precisión y EN 1 DIA MOVIMIENTO CIUDADANOconsistencia.El color PANTONE se debe usar para piezas gráficas im- C0 M0 Y0 K100 PANTONE® 426Cpresas en sistemas de impresión tales como Offset, lito- Web #1a171bgrafía y plotter. R26 G23 B27 EN 1 DIA MOVIMIENTO CIUDADANO 12
  • 13. Área de reservaEl logo-símbolo está rodeado por una área de reserva quedebe ser respetada para garantizar la claridad y óptimalegibilidad de la marca.Por esa razón ningún elemento (gráfico, fotográfico, Área de reserva mínima,texto, o corte de página) debe invadir esa área. equivale a 2x alrededor de todo el logo-símboloEl área mínima de protección está dada por la unidad demedida x que corresponde el área que ocupa el cuadradoazul. La medida x debe ser respetada a cada uno de los 4lados del logo-símbolo. EN 1 DIA MOVIMIENTO CIUDADANO Medida x 13
  • 14. Cuadrícula GuíaLa cuadrícula en el logo-símbolo se utiliza para ayudaren la composición y compatibilidad de los elementosdel identificar entre sí, ésta se hace para garantizar laclaridad y óptima legibilidad de la marca. EN 1 DIA MOVIMIENTO CIUDADANO 14
  • 15. Tamaño mínimoTodas las versiones del logo-símbolo son diseños vecto-riales que permiten su reproducción a cualquier escala.El tamaño mínimo al que se debe utilizar el logotipo es auna longitud de 2.4cm x 2.3cm de alto para asegurar sulegibilidad en las piezas comunicativas. EN 1 DIA MOVIMIENTO CIUDADANO Tamaño mínimo: Impresión: 2.4 x 2.3 cm 15
  • 16. Usos incorrectosEl logo-símbolo siempre deber ser reproducido a partirde los archivos vectoriales originales y no debe sufrirvariación alguna. EN 1 DIAEs indispensable hacer un uso correcto del identificador MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANOpara proteger la marca. A EN 1 DIA MOVIMIENTO CIUDADANOA continuación se muestran algunos ejemplos de losusos prohibidos. 1 DI IU DA D AN O EN T OC IEN VIM MO EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO MOVIMIENTO CIUDADANO 16
  • 17. Fondos permitidosEl logo-símbolo debe ser aplicado únicamente sobre fo-tografías o imágenes que generen alto contraste entre elidentificador y el fondo para garantizar una legibilidadóptima, proyectando pregnancia de la marca en la per-cepción del receptor del mensaje. EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO 17
  • 18. Fondos no permitidosEl logo-símbolo no se debe aplicar sobre fondos con tex-turas grises, imágenes con bajo contraste, ya que provo-carían ruidos visuales que generan poca atención de lamarca en la percepción de los espectadores de esta.Los siguientes son ejemplos del uso inadecuado del iden-tificador de marca. EN 1 DIA MOVIMIENTO CIUDADANO EN 1 DIA MOVIMIENTO CIUDADANO 18
  • 19. Expresión visualTodas las piezas gráficas se comunican a través de elemen-tos visuales como la consistencia en el uso de tipografías ola paleta de colores.La expresión visual es una guía para entender cómo ex-presarse y aplicar visualmente todos los elementos en lossoportes comunicativos.También se busca que sea una guía para que las personasque deben tomar decisiones sobre el uso de tipografías,colores, composiciones e imágenes de comunicación las to-men de manera correcta sin deformar la unidad de marca.El objetivo principal es generar un unidad gráfica en todaslas aplicaciones de la marca hechas para 100en1día paralograr pregnancia en la ciudadanía. 19
  • 20. ColorLa paleta principal de colores del sistemade identidad de marca de 100en1día estácompuesta por el PANTONE® 630C, PAN-TONE® 660C, PANTONE®, PANTONE®7410C sobre el fondo blanco. PrincipalesLa paleta de colores secundarios está com- PANTONE® 630C PANTONE® 660C PANTONE® 7410Cpuesta por el PANTONE® 423C y el colorblanco. C:50 R:135 C:87 R:0 C:0 R:244 M:0 G:206 M:51 G:111 M:44 G:164 Y:10 B:224 Y:0 B:179 Y:66 B:95 K:0 K:0 K:0 Web: #87cee0 Web: #6fb3 Web #f4a45f Secundario PANTONE® 423C BLANCO C:0 R:112 C: 0 R: 255 M:0 G:113 M: 0 G: 255 Y:0 B:115 Y: 0 B: 255 K:70 K: 00 Web #707173 Web ff ff ff 20
  • 21. Color, tipografíaLa 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® 7410Csobre el fondo blanco.La paleta de colores secundarios está compuesta por el PAN-TONE® 423C y el color blanco.Cada color de la indentidad de marca tiene una función es- PANTONE® 630C PANTONE® 660C PANTONE® 7410C PANTONE® 423C C:50 R:135 C:87 R:0 C:0 R:244 C:0 R:112 M:0 G:206 M:51 G:111 M:44 G:164 M:0 G:113 Y:10 B:224 Y:0 B:179 Y:66 B:95 Y:0 B:115 K:0 K:0 K:0 K:70 Web: #87cee0 Web: #6fb3 Web #f4a45f Web #707173 Títulos grandes (45pt) Títulos (16pt) Títulos (45pt) Párrafos Subtítulos (20pt) Subtítulos (14pt) Subtítulos (20pt) (texto, 12pt) Fondos Párrafos pequeños (12pt) 21
  • 22. TipografíaTungsten Semibold y médium son las fuentes del identifi-cador de marca de 100en1día, estás tienen un tracking yun puntaje que varía según el tamaño del logo-símbolo.Tungsten SemiboldABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨< EN 1 DIAABCDEFGHIJKLMNÑOPQRSTUVWXYZ Tugsten Semiboldabcdefghijklmnñopqrstuvwxyz Tracking 401234567890!”#$%&/()=?¡¨< Puntaje 70 MOVIMIENTO CIUDADANOTungsten Medium Tugsten MediumABCDEFGHIJKLMNÑOPQRSTUVWXYZ Tracking 18abcdefghijklmnñopqrstuvwxyz Puntaje 241234567890!”#$%&/()=?¡¨<ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨< 22
  • 23. TipografíaTungsten semibold y medium es la fuente tipográfica uti-lizada para los títulos y subtítulos de todas las piezas cor- Tungsten Semiboldporativas de la marca 100en1día ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< Tungsten Medium ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< 23
  • 24. TipografíaFrutiger es la fuente tipográfica utilizada para el texto detodas las piezas corporativas de la marca 100en1día. Frutiger LightLos textos tienen un tracking de 0 y el puntaje para me- ABCDEFGHIJKLMNÑOPQRSTUVWXYZdios editoriales debe ser de 12 o 14, pero este puede abcdefghijklmnñopqrstuvwxyzcambiar dependiendo del tamaño de las piezas corporati- 1234567890!”#$%&/()=?¡¨<vas que se diseñen. ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< Frutiger Light Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 1234567890!”#$%&/()=?¡¨< 24
  • 25. Tipografía, usos incorrectosFrutiger es la fuente tipográfica utilizada para el texto detodas las piezas corporativas de la marca 100en1día.Los siguientes son ejemplos del uso inadecuado de latipografía. 1. 2. 3.1. No usar interletrado muy amplio. Nus . R i b us p er fer i t i o. Nus . R i b us p er fer i t i o. D i c i a e.2. No usar interletrado muy cerrado. D i c i a e. N a m quun t Nus. Ribus perferitio. Diciae. Nam N a m quun t d ol up t a s a ut exc ep e - d ol up t a s a ut exc ep e - quunt doluptas aut exceperum3. No usar interlineado muy amplio. r um l a b i p s a m fa c es t lab ipsam facest ulpa esto bea r um l a b i p s a m fa c es t ul p a es to ul p a es to b ea n i h i c tot a s4. No usar interlineado muy reducido. n i t a t i i s et ur a l i s a udi t a nihictotas nitatiis etur alis audita abo. Aperios aut ullandi aspiend b ea n i h i c tot a s n i t a t i i s et ur a l i s5. No justificar textos al centro. 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 isquatiossum conem fugiti quam, a ud i t a a b o. A p er i os a ut ul l a n di verfero viderferi.6. No justificar los textos a la derecha. c on em f ug i t i qua m , ver- a s p i en d i s qua t i os s um c o n em fero v i d er feri . f ug i t i qua m , ver fero v i d er fer i . 4. 5. 6. Nus. Ribus per feritio. Nus . R i b us p er fer i t i o. Nus. Ribus per feritio. Diciae. Nam quunt D i c i a e. N a m quun t Diciae. Nam quunt d ol up t a s a ut exc ep e - doluptas aut excepe - r um l a b i p s a m fa c es t doluptas aut excepe - ul p a es to b ea n i h i c tot a s rum lab ipsam facest rum lab ipsam facest n i t a t i i s et ur a l i s a udi t a ulpa esto bea nihictotas a b o . A p er i os a ut ul l a n di ulpa esto bea nihictotas a s p i en d i s qua t i os s um nitatiis etur alis audi ta c on em f ug i t i qua m , ver- nitatiis etur alis audi ta abo. Aperios aut ullandi fero v i d er feri . abo. Aperios aut ullandi aspiend isquatiossum aspiend isquatiossum conem fugiti quam, ver- conem fugiti quam, ver- fero vider feri. fero vider feri. 25
  • 26. Gráficas complementariasEsta gráfica se toma como un teselado el cual parte delelemento identificador principal del identificador.Se utilizará como gráfica complementaria en las piezascorporativas y promocionales de la marca. 26
  • 27. Gráficas complementariasEsta gráfica parte desde la abstracción de la parte colonialde la ciudad de Bogotá.Se utilizará como gráfica complementaria en las piezascorporativas y promocionales de la marca. 27
  • 28. Gráficas complementariasEsta gráfica es una línea doble la cual tiene un grosor de15 puntos las cuales pueden estar ubicadas horizontal overticalmente.Está se utilizará como gráfica complementaria en las pie-zas corporativas y promocionales de la marca. 28
  • 29. CréditosEquipo Identidad 100en1día...1. Diseño identificador Frank Scott Krueger Heidi Walti2. Manual de identidad de marca Paola Campos3. Gráficas complementarias Paola Campos Sandra Osorio4. Corrección de estilo José Buendía5. Fotografía Valeria Grajales 29
  • 30. 30