100en1dia manual de identidad de marca
TRANSCRIPT
![Page 1: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/1.jpg)
1
Manual de identidad de marca ¿Cómo nosdebes utilizar?
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 2: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/2.jpg)
2
![Page 3: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/3.jpg)
3
100en1día; ¡activa tu ciudadanía!http://100en1dia.com/
![Page 4: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/4.jpg)
4
Algo para empezar...
1. Intruducción 2 .Personalidad de la marca3. Identificador4. Versiones de color5. Versiones de tono 6. Versión alto contraste (blanco y negro) 7. Área de reserva 8. Cuadrícula guía9. 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ía16. Gráficas complementarias17. Créditos
Contenido
6789-1011121314151617181920-2122-2526-2829
![Page 5: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/5.jpg)
5
Bienvenido
Para nosotros es de vital importancia acompañarte en este 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 como tú, que actúan y movilizan a su comunidad para alcanzar sueños colectivos.
Este manual de identidad de marca contiene la informa-ción más relevante para que puedas aplicar la marca de 100en1día en tu ciudad.
Equipo Base 100en1día
![Page 6: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/6.jpg)
6
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 pro-pios 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”
![Page 7: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/7.jpg)
7
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 aplicacio-nes 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 . T r a n f o r m a c i ó n s o c i a l2 . C o l a b o r a c i ó n 3 . P e n s a m i e n t o p r o g r e s i v o
![Page 8: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/8.jpg)
8
Identificador
El logo-símbolo está compuesto por un elemento grá-fico de soporte (accesorio), y elementos tipográficos.
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 co-mún el cual es la transformación social de su ciudad.
Esa 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, la investigación y la experimentación.
Símbolo
Tipografía
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 9: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/9.jpg)
9
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 im-presas en sistemas de impresión tales como Offset, lito-grafía y plotter.
Versión en positivo color
C50 M0 Y10 K0PANTONE® 630CWeb #87cee0R135 G206 B224
C87 M51 Y0 K0PANTONE® 660CWeb #6fb3R0 G111 B179
C0 M44 Y66 K0PANTONE® 7410CWeb #f4a45fR244 G164 B95
C77 M8 Y21 K0PANTONE® 633CWeb #00a8c0R0 G168 B192
C100 M54 Y0 K11PANTONE® 301CWeb #005da1R0 G93 B161
C0 M59 Y81 K0PANTONE® 715CWeb #ef833bR239 G131 B59
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 10: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/10.jpg)
10
La 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ón que 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.
Versión en negativo color
C50 M0 Y10 K0PANTONE® 630CWeb #87cee0R135 G206 B224
C87 M51 Y0 K0PANTONE® 660CWeb #6fb3R0 G111 B179
C0 M44 Y66 K0PANTONE® 7410CWeb #f4a45fR244 G164 B95
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 11: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/11.jpg)
11
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 re-solución que garantice un alto grado de precisión y con-sistencia, además de una fidelidad en el color presente en el identificador.
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.
Versión tono continuo positivo/negativo
C0 M0 Y0 K70PANTONE® 423CWeb #707173R112 G113 B115
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 12: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/12.jpg)
12
El 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 blanco y PANTONE® 426C positivo.
La producción siempre debe hacerse 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 im-presas en sistemas de impresión tales como Offset, lito-grafía y plotter.
Versión blanco y negro positivo/negativo
C0 M0 Y0 K100PANTONE® 426CWeb #1a171bR26 G23 B27
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 13: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/13.jpg)
13
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.
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.
Área de reserva
Área de reserva mínima, equivale a 2x alrededor de todo el logo-símbolo
Medida x
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 14: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/14.jpg)
14
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.
Cuadrícula Guía
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 15: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/15.jpg)
15
Todas 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 a una longitud de 2.4cm x 2.3cm de alto para asegurar su legibilidad en las piezas comunicativas.
Tamaño mínimo
Tamaño mínimo:Impresión: 2.4 x 2.3 cm
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 16: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/16.jpg)
16
El logo-símbolo siempre deber ser reproducido a partir de los archivos vectoriales originales y no debe sufrir variación alguna.
Es indispensable hacer un uso correcto del identificador para proteger la marca.
A continuación se muestran algunos ejemplos de los usos prohibidos.
Usos incorrectos
EN 1 DIAMOVIMIENTO CIUDADANO EN 1 DIA
MOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIA
MOVIMIENTO CIUDADANO
EN 1 D
IAMO
VIMIEN
TO CIU
DADAN
O
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 17: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/17.jpg)
17
El logo-símbolo debe ser aplicado únicamente sobre fo-tografí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 per-cepción del receptor del mensaje.
Fondos permitidos
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 18: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/18.jpg)
18
El 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 la marca en la percepción de los espectadores de esta.
Los siguientes son ejemplos del uso inadecuado del iden-tificador de marca.
Fondos no permitidos
EN 1 DIAMOVIMIENTO CIUDADANO
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 19: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/19.jpg)
19
Todas las piezas gráficas se comunican a través de elemen-tos 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 ex-presarse 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 to-men 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.
Expresión visual
![Page 20: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/20.jpg)
20
La paleta principal de colores del sistema de identidad de marca de 100en1día está compuesta por el PANTONE® 630C, PAN-TONE® 660C, PANTONE®, PANTONE® 7410C sobre el fondo blanco.
La paleta de colores secundarios está com-puesta por el PANTONE® 423C y el color blanco.
PANTONE® 630C
C:50 R:135M:0 G:206Y:10 B:224K:0
Web: #87cee0
BLANCO
C: 0 R: 255M: 0 G: 255Y: 0 B: 255K: 00
Web ff ff ff
PANTONE® 660C
C:87 R:0M:51 G:111Y:0 B:179K:0
Web: #6fb3
PANTONE® 423C
C:0 R:112M:0 G:113Y:0 B:115K:70
Web #707173
Principales
Secundario
PANTONE® 7410C
C:0 R:244M:44 G:164Y:66 B:95K:0
Web #f4a45f
Color
![Page 21: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/21.jpg)
21
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 PAN-TONE® 423C y el color blanco.
Cada color de la indentidad de marca tiene una función es-
Color, tipografía
PANTONE® 630C
C:50 R:135M:0 G:206Y:10 B:224K:0
Web: #87cee0
PANTONE® 660C
C:87 R:0M:51 G:111Y:0 B:179K:0
Web: #6fb3
PANTONE® 423C
C:0 R:112M:0 G:113Y:0 B:115K:70
Web #707173
PANTONE® 7410C
C:0 R:244M:44 G:164Y:66 B:95K:0
Web #f4a45f
Títulos grandes (45pt) Subtítulos (20pt)
Fondos
Títulos (16pt) Subtítulos (14pt)
Párrafos pequeños (12pt)
Títulos (45pt)Subtítulos (20pt)
Párrafos (texto, 12pt)
pecífica dentro de las jerarquías tipográficas. A continuación se explican la diferencias entre cada una.
![Page 22: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/22.jpg)
22
Tungsten Semibold y médium son las fuentes del identifi-cador 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ñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<
Tungsten Medium
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<
Tipografía
Tugsten Semibold Tracking 40Puntaje 70
Tugsten MediumTracking 18Puntaje 24
EN 1 DIAMOVIMIENTO CIUDADANO
![Page 23: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/23.jpg)
23
Tungsten semibold y medium es la fuente tipográfica uti-lizada para los títulos y subtítulos de todas las piezas cor-porativas de la marca 100en1día
Tipografía
Tungsten Semibold
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<
Tungsten Medium
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<
![Page 24: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/24.jpg)
24
Frutiger es la fuente tipográfica utilizada para el texto de todas las piezas corporativas de la marca 100en1día.
Los textos tienen un tracking de 0 y el puntaje para me-dios editoriales debe ser de 12 o 14, pero este puede cambiar dependiendo del tamaño de las piezas corporati-vas que se diseñen.
Tipografía
Frutiger Light
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<
Frutiger Light Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz1234567890!”#$%&/()=?¡¨<
![Page 25: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/25.jpg)
25
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. No usar interletrado muy amplio.2. No usar interletrado muy cerrado.3. No usar interlineado muy amplio.4. No usar interlineado muy reducido.5. No justificar textos al centro.6. No justificar los textos a la derecha.
Nus. Ribus per fer i t io . Dic iae. Nam quunt
doluptas aut excepe-rum lab ipsam facest
ulpa esto bea nihictotas ni tat i is etur a l is audita abo. Aper ios aut ul landi
aspiend isquat iossum conem fugi t i quam, ver-
fero v ider fer i .
1.
4.
Tipografía, usos incorrectos
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.
Nus. Ribus per fer i t io . Dic iae.
Nam quunt doluptas aut excepe-
rum lab ipsam facest ulpa esto
bea nihictotas ni tat i is etur a l is
audita abo. Aper ios aut ul landi
aspiend isquat iossum conem
fugi t i quam, ver fero v ider fer i .
Nus. Ribus per fer i t io . Dic iae. Nam quunt
doluptas aut excepe-rum lab ipsam facest
ulpa esto bea nihictotas ni tat i is etur a l is audita abo. Aper ios aut ul landi
aspiend isquat iossum conem fugi t i quam, ver-
fero v ider fer i .
Nus. Ribus per fer i t io . Dic iae. Nam quunt
doluptas aut excepe-rum lab ipsam facest
ulpa esto bea nihictotas ni tat i is etur a l is audita abo. Aper ios aut ul landi
aspiend isquat iossum conem fugi t i quam, ver-
fero v ider fer i .
Nus. Ribus per fer i t io . Dic iae. Nam quunt
doluptas aut excepe-rum lab ipsam facest
ulpa esto bea nihictotas ni tat i is etur a l is audita
abo. Aper ios aut ul landi aspiend isquat iossum
conem fugi t i quam, ver-fero v ider fer i .
2. 3.
5. 6.
![Page 26: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/26.jpg)
26
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.
![Page 27: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/27.jpg)
27
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.
![Page 28: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/28.jpg)
28
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 pie-zas corporativas y promocionales de la marca.
![Page 29: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/29.jpg)
29
Créditos
Equipo Identidad 100en1día...
1. Diseño identificador Frank Scott KruegerHeidi Walti
2. Manual de identidad de marca Paola Campos
3. Gráficas complementariasPaola CamposSandra Osorio
4. Corrección de estilo José Buendía
5. Fotografía Valeria Grajales
![Page 30: 100en1dia manual de identidad de marca](https://reader034.vdocuments.pub/reader034/viewer/2022052307/5589fba6d8b42ad27d8b46eb/html5/thumbnails/30.jpg)
30