30
1 Manual de identidad de marca ¿Cómo nos debes utilizar? EN 1 DIA MOVIMIENTO CIUDADANO

Manual de Identidad de Marca 100en1dia

Embed Size (px)

DESCRIPTION

Manual de Identidad de Marca 100en1dia

Citation preview

Page 1: Manual de Identidad de Marca 100en1dia

1

Manual de identidad de marca ¿Cómo nosdebes utilizar?

EN 1 DIAMOVIMIENTO CIUDADANO

Page 2: Manual de Identidad de Marca 100en1dia

2

Page 3: Manual de Identidad de Marca 100en1dia

3

100en1día; ¡activa tu ciudadanía!http://100en1dia.com/

Page 4: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

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: Manual de Identidad de Marca 100en1dia

30