100en1dia manual de identidad de marca
-
Upload
andres-velasquez -
Category
Documents
-
view
373 -
download
1
Transcript of 100en1dia manual de identidad de marca
1
Manual de identidad de marca ¿Cómo nosdebes utilizar?
EN 1 DIAMOVIMIENTO CIUDADANO
2
3
100en1día; ¡activa tu ciudadanía!http://100en1dia.com/
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
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
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”
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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.
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
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!”#$%&/()=?¡¨<
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!”#$%&/()=?¡¨<
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.
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.
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.
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.
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
30