Manual de identidad de marca 2019
Índice Contenido 1. Introducción ....................................................... 3 2. ¿Qué es una marca social?............................ 4 3. Nuestra Marca Valores de Marca social ........................................4 El Valor del logotipo ...............................................5 4. Nuestro Nuevo Logotipo ..................................6 5. Color ......................................................................7 Paleta de Color primaria .........................................8 Gradiente .......................................................................9 Aplicaciones de color: positivo y negativo ...10 Aplicaciones de color: color sobre color .........11 Aplicaciones de color: color sobre fotos .........12 Aplicaciones blanco y negro ...............................13 6. Tipografía ...........................................................14 Alfabeto .........................................................................15 Construcción tipográfica .......................................16 7. Área de reserva y Tamaño mínimo ..............18 8. Usos Incorrectos ..............................................20 9. Fotografía ..........................................................21 Descripción ..................................................................22 Recomendaciones ....................................................23 Ejemplos .......................................................................24 Duotonos ......................................................................27 10. Co-Branding ....................................................28 Tamaños grandes ......................................................29 Tamaños pequeños .................................................30 Orden de logotipos ..................................................31 Pie de página .............................................................32
11 Sistema visual de diseño .......................33 Círculos ..............................................................34 Texturas .............................................................36 Márgenes ..........................................................37 Construcción de una pieza ........................38 12. Logotipo en video ...................................39 13. Piezas gráficas / plantillas .................40 Afiches verticales............................................41 Afiches horizontales .....................................45 Fact Sheet .........................................................47 Infografías ........................................................48 Librería de gráficos ........................................50 14. Redes Sociales .......................................53 Descripción y recomendaciones: Facebook ............................................................54 Twitter .................................................................55 Instagram .........................................................56 Tamaños para imágenes redes sociales: Facebook ...........................................................57 Twitter ................................................................58 YouTube .............................................................59 Instagram ..........................................................60 LinkedIn .............................................................61 Historias ............................................................62 Plantillas historias ........................................63 Plantillas para publicaciones: Publicaciones coloridas ..............................66 Publicaciones informativas ........................69 Publicaciones fotográficas .........................71 Portada y foto de perfil ...............................72
2
1 Introducciรณn
Este manual de marca pretende establecer normas bรกsicas y mandatorias para el manejo de la marca Pasos Seguros.
Tienen como objetivo mantener una comunicaciรณn coherente en todas las manifestaciones grรกficas elaboradas de ahora en adelante. Para cualquier duda respecto a la comunicaciรณn de la marca consulte este manual. No trate de reproducir por sus propios medios el logotipo y sus aplicaciones, utilice los archivos digitales incluidos en este manual.
3
2 ¿Qué es una marca social? Una marca social es aquella que busca tener una repercusión positiva en la sociedad y ayudar a solucionar problemas colectivos. Una marca social quiere inspirar y movilizar a la gente a actuar. Una marca social no tiene una finalidad lucrativa, esta se dirige exclusivamente al interés colectivo. Una marca social hace parte de la economía social y no a la economía de mercado. Una marca social es la identidad visual de un proyecto o servicios relacionados entre sí y ofrecidos por una misma entidad. Una marca se compone de logotipos, colores, nombres, envoltorios y eslóganes exclusivos. Una marca puede o no, contener elementos derivados de la imagen corporativa de la compañía principal.
4
3 Valores de nuestra Marca El Valor de nuestro Logotipo
Debemos entender que el logotipo no es simplemente un elemento gráfico que cumple funciones estéticas, sino que surge de la filosofía interna de la marca. Nuestro Logotipo es nuestro principal activo de diseño, por lo tanto, debemos cuidarlo con esmero para transmitir siempre una comunicación sólida y contundente. Nuestra forma principal es el círculo. Esta forma orgánica transmite integralidad, eternidad y la plenitud. Representa amigablemente la comunidad, unidad y movimiento. Esto complementado con la paleta de color nos recuerda el sol, como un elemento cálido que nos abriga y nos regala la posibilidad de imaginar nuevos días por venir. Los colores festivos y una tipografía sencilla abordan un problema serio, sin revictimizar, de una forma positiva y alegre. Nuestro pie ya ha dado el paso y continúa avanzando; empezar con pie derecho, significa hacer las cosas bien. Cuando se les habla a las personas de un riesgo, el pie derecho simboliza el primero de muchos más pasos seguros que traza el camino de la educación. La hierba representa el florecer de la esperanza en el futuro, y denota el ambiente rural donde más concentramos nuestras acciones.
5
4
Nuevo Logotipo
6
5.
Color 7
de Color 5 Paleta Paleta de Color primaria Es importante y mandatorio para el correcto manejo corporativo de la marca la paleta de color escogida para Pasos Seguros. Estos tonos transmiten nuestra esencia, generan recordaciรณn y afirman el tono de nuestra comunicaciรณn.
Cian C 80 M 0 Y 0 K 0 R 0 G 187 B 241 Pantone 115-7 C
Naranja C 0 M 77 Y 100 K 0 R 255 G 102 B 0 Pantone 34-8 C
Amarillo C 0 M 19 Y 100 K 0 R 252 G 205 B 42 Pantone 7-8 C Verde C 87 M 18 Y 100 K 6 R 33 G 146 B 7 Pantone 149-8 C
8
de Color 5 Paleta Gradiente Gradiente Principal
C 0 M 19 Y 100 K 0 R 252 G 205 B 42 Pantone 7-8 C
* Existen casos especiales en los cuales estos colores principales pueden ser enriquecidos con otros valores cromรกticos para generar versatilidad en la marca.
C 0 M 77 Y 100 K 0 R 252 G 102 B 0 Pantone 34-8 C
9
de Color 5 Paleta Aplicaciones de color permitidas Positivo
Negativo
1
2
3
4 La versiรณn gradiente debe ser siempre la primera opciรณn para la creaciรณn de piezas.
10
de Color 5 Paleta Aplicaciones de color permitidas Color sobre color
1
2
3
4
5
Estas opciones permiten jugar con la paleta de color, manteniendo un debido contraste. No debemos usar el logo en azul. 11
de Color 5 Paleta Aplicaciones de color permitidas Versiones a utilizar según fondos fotográficos Fondos claros
Fondos oscuros
Fondos oscuros
Para fondos claros y oscuros con mucha información visual usar las formas de los círculos con transparencia para garantizar legibilidad del logo.
12
de Color 5 Paleta Aplicaciones Blanco y negro
C 0 M 0 Y 0 K 100 R 52 G 52 B 53 Pantone Black C
4
Positivo
Negativo
Escala de grises C 0 M 0 Y 0 K 50 R 150 G 152 B 154 Pantone 877 C
5
gris 13
6.
tipo grafĂa 14
6 Tipografía Alfabeto Pasos Seguros
Pasos Seguros
Bunny Funny
Prevención Riesgos Minas Affogato
ABCDEFGHIJKLMNOPQRST UV WXY Z abcdefghijklmnopqrstuvwxyz 1234567890!@ & _+ ”?
Bunny Funny
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+}”?
Affogato
El uso de la tipografía es esencial y mandatorio para la construcción de todas las aplicaciones gráficas de Pasos Seguros. La fuentes para titulares y textos destacados puede ser Bunny Funny o Affogato. Para cuerpos de texto siempre será Affogato. Importante: El logotipo de Pasos Seguros, es un logotipo dibujado a partir de fuentes modificadas para la construcción de la marca. Para reproducirlo es necesario usar los archivos originales del logo. 15
6 Tipografía Construcción tipográfica Títulos
Tejemos el mañana TEJEMOS EL MAÑANA
Cuerpos de Texto
Ejemplo
Tejemos el mañana Tejemos el mañana Tejemos el mañana ESTO ES UN GRAN TÍTULO
Bunny Funny
Affogato Black Affogato Bold
Affogato Affogato Light
Affogato Black
ESTO ES UN TÍTULO o un subtítulo
Affogato Bold
L a fa m i l i a t i p o g r á f i c a p r i n c i p a l e s A f fo g a t o . El uso de esta tipografía es esencial y mandatorio para la construcción de todas las aplicaciones gráficas de Pasos Seguros. La fuente para cuerpos de texto como titulares.
Affogato
Esto es una nota al pie
Affogato Light
16
6 Tipografía Construcción tipográfica
Transita siempre por caminos conocidos Juntos daremos Pasos Seguros
Toma siempre rutas conocidas, las mismas que usa normalmente la comunidad. No tomes atajos, no salgas a caminar durante la noche.
Ejemplo: construcción de mensajes con tipografía Bunny Funny + Affogato 17
7. Área
de reserva, tamaño mínimo y usos incorrectos
18
7 Área de reserva
Es el espacio mínimo que debe existir alrededor del logotipo para garantizar su legibilidad. Ningún elemento visual debe pasar este límite imaginario amenos que sea un fondo de color o fotografía que permita el contraste necesario *(ver capítulo de color). Esta distancia se determina por el ancho de la letra o de la palabra Pasos del logotipo.
Tamaño mínimo Para garantizar la legibilidad de la marca, el tamaño mínimo para la aplicación del logotipo es de 3 cms.
19
8
Usos Incorrectos No gire el logotipo en ningún sentido No estire el logotipo horizontal o verticalmente
No utilice rellenos para el logotipo No utilice colores diferentes a los establecidos en este manual
No utilice sólo el contorno
No modifique la disposición original de los elementos del logotipo
No aplique ningún tipo de sombreado No ponga el logotipo sobre fondos que no permitan su legibilidad
Pa
Segsuos ros No cambie la tipografía del logotipo
No sangre el logotipo
No usar una versión azul del logotipo.
Por ningún motivo, distorsione las características formales, cromáticas y de proporción del logotipo. No reproduzca por sus propios medios el logotipo y sus aplicaciones, utilice los archivos digitales incluidos en este manual. 20
Foto grafĂa 9.
21
9 Fotografías Descripción Las fotografías son una herramienta poderosa en nuestra comunicación. Narran, sensibilizan, ilustran, humanizan, explican y amplifican los mensajes que queremos llevar a distintas audiencias. Esta es una guía del tipo de imágenes que mejor transmiten nuestra esencia de marca y permiten integrar los diferentes elementos visuales armónicamente.
22
9 Fotografías Recomendaciones
Si
No
Imágenes que muestren comportamientos seguros.
No usar imágenes de una víctima revictimizada.
Imágenes positivas y optimistas.
No usar imágenes del momento de la explosión.
Imágenes con espacio (aire) para diagramar.
No usar imágenes de baja resolución (en lo posible omitir imágenes tomadas con celular).
Imágenes nítidas y en alta resolución.
No imágenes mocromáticas, sepia o blanco y negro.
Imágenes con contenido de material gráfico de precaución. Imágenes reales de campo con habitantes y población en riesgo. Imágenes de las zonas/áreas en riesgo.
No usar imágenes de stock con modelos extranjeros.
Imágenes de stock con modelos locales. hispanic, latin.
No usar imágenes de stock con locaciones extranjeras.
Fotos con textos que ilustren el qué, dónde, cuándo, quién y porqué de la imagen. Mostrar diversidad: etnias, razas, edades, sexos. Dar crédito al autor de la imagen.
Imágenes desenfocadas.
Nota: Los textos y fotografías deben ser coherentes con los principios humanitarios, el enfoque de género, niñez, diferencial y de acción sin daño, según el Estándar Nacional de ERM y los lineamientos para el diseño de estrategias de Educación. 23
9 FotografĂas Ejemplos "Aire" para diagramar "Aire" para diagramar
24
9 FotografĂas Ejemplos
25
9 FotografĂas Ejemplos
26
9 Fotografías
Luz suave al 40% fondo naranja
Duotonos
Luz suave al 100% fondo amarillo
Una opción interesante para las fotografías puede ser la creación de duotonos o imágenes superpuestas con modos de fusión. Esto se consigue convirtiendo una imagen en escala de grises, cambiando su modo de fusión y manipulando la opacidad según la apariencia deseada.
Pantalla al 100% fondo verde
27
10.
CoBranding Pasos seguros + logos aliados
28
Co-Branding 10 Nosotros + nuestros aliados OpciĂłn para tamaĂąos grandes (desde 10 cms)
La distancia entre nuestro logo y el de los aliados debe ser siempre la del ĂĄrea de reserva, determinada por la letra o de la palabra pasos. 29
Co-Branding 10 Nosotros + nuestros aliados Opción para tamaños pequeños (menores a 10 cms)
30
Co-Branding 10 Orden de logotipos aliados
1
2
3
4 31
Co-Branding 10 Nosotros + nuestros aliados Opción para pie de página (tamaño mínimo logo Pasos Seguros 3 cms) El logotipo puede ir a la izquierda o derecha, manteniendo la proporción de los ejemplos. Tamaño mínimo para cada uno de los logotipos 1 cm. EL uso de los logotipos de los aliados debe estar sujeto a cada uno de sus manuales de marca y cada una de sus actualizaciones.
32
11.
Sistema visual
de diseĂąo 33
11
Sistema visual de diseño 1. Círculos
Este manual describe diferentes elementos de diseño que permiten la creación de las piezas gráficas de comunicación de Pasos Seguros.
Forma
Color
Estas formas tienen un efecto de lente que se consigue por la transparencia y el modo de fusión de cada uno de estos.
Transparencia: 0 y Modo de fusión (blending mode): Multiplicar
Estos inciden sobre los fondos, ya sean imágenes o fondos planos de color.
La suma de estos colores produce el verde. Debemos darle prelación en las piezas que se diseñen. 34
11
Sistema visual de diseño 1. Círculos
Aplicando este juego de círculos, podemos crear diseños para diagramar elementos como textos, graficos y logotipos.
Según la parrilla de contenidos, podemos dar prelación a la paleta de color así: - Verde: el proyecto - Amarillo: regiones - Azul: comportamientos seguros
En Pasos Seguros trabajamos por contribuir a la disminución de accidentes por minas antipersonal incrementando los niveles de prevención frente al riesgo.
35
11
Sistema visual de diseĂąo 2. Fondos con textura
La textura siempre debe ser un 40% mĂĄs oscura que el color dominante de fondo.
36
11
Sistema visual de diseño 3. Márgenes
Usar los márgenes permite orden, jerarquía y limpieza en el diseño.
subtítulos títulos
gráficos
logos textos
37
11
Sistema visual de diseño
4. Afiche (construcción de una pieza)
1. formato / márgenes / formas de color
2. Ubicación formas / selección imagen de fondo
Transita siempre
por caminos conocidos
3. Ubicación logotipo / textos / Títulos / subtítulos / bullets + info / www
4. Ubicación forma reserva aliados Transita siempre
por caminos conocidos
* Las formas circulares no deben superar el 50% de la composición de la pieza gráfica y no deben ocultar información importante de la imagen.
38
12
Logotipo en video
El tamaño mínimo en el que debe ir el logotipo en video es 150 píxeles Siempre debe estar ubicado en la esquina superior derecha de los margenes seguros 16:9. Se debe tratar de usar siempre la versión degradada.
39
Piezas grรกficas
13.
40
13
Piezas gráficas
1. Piezas y plantillas / Afiches verticales Cada de una de estas piezas son el resultado del sistema visual de diseño. Los archivos originales y editables están el drive entregado por Chicharra. Opción 1.
41
13
Piezas grรกficas
1. Piezas y plantillas / Afiches verticales Opciรณn 2.
42
13
Piezas grรกficas
1. Piezas y plantillas / Afiches verticales Tercera opciรณn para ubicar mayor cantidad de texto.
43
13
Piezas grรกficas
1. Piezas y plantillas / Afiches verticales Tercera opciรณn para ubicar mayor cantidad de texto.
44
13
Piezas grรกficas
2. Piezas y plantillas / Afiches horizontales Opciรณn 1.
Opciรณn 2.
45
13
Piezas grรกficas
2. Piezas y plantillas / Afiches horizontales Opciรณn 3.
Opciรณn 4.
46
13
Piezas grรกficas
3. Piezas y plantillas / Fact sheet
Opciรณn 1.
Opciรณn 2.
47
13
Piezas gráficas
4. Piezas y plantillas / Infografías
Para la creación de piezas infográficas tenemos una librería con diversos gráficos para ilustrar ideas, conceptos, cifras, comunidades, proyectos, planes, etc. Para añadir tridimensionalidad y dinamismo a las piezas, todos estos gráficos están concebidos con perspectiva isométrica.
Opción horizontal 48
13
Piezas gráficas
4. Piezas y plantillas / Infografías
Opción vertical
49
13
Piezas gráficas
5. Piezas y plantillas / Infografías / librería de gráficos
Gráficos
10%
20%
70%
Íconos
Departamentos
50
13
Piezas gráficas
5. Piezas y plantillas / Infografías / librería de gráficos
Redes
Objetos
* Estos son ejemplos de algunos de los gráficos que se encuentran en la nube del proyecto.
51
13
Piezas gráficas
5. Piezas y plantillas / Infografías / librería de gráficos
Cultivos
Edificaciones
Población
52
14.
Red es Sociales 53
14
Descripción y recomendaciones Las redes sociales son una herramienta poderosa y efectiva para comunicar nuestro proyecto. Entender el rol de cada red social y sus códigos de comunicación apoyará nuestra estrategia de comunicación. Consignamos aquí una breve descripción y recomendaciones gráficas de cómo elaborar las piezas gráficas. FACEBOOK: Es la red social con más usuarios en el mundo. Está dirigida principalmente a conectar amigos y familia. El objetivo de Facebook es: Hacer un mundo abierto y conectado. Perfiles del usuario: Las mujeres tienen mayor presencia que los hombres, el rango de edad más popular se sitúa entre los 18 y los 29 años, el segundo segmento más popular de 30 a 49 años, esto es debido al aprendizaje de los padres que ahora son los usuarios fieles a la red social. Franjas horarias: Varía según el público objetivo, pero el tiempo con mayor número de usuarios conectados a esta red social es de 7:00 p.m. a 9:00 p.m. Frecuencia: 1 o 2 publicaciones al día puede incluir fines de semana. Hashtags: Se recomienda no usarlos ya que las publicaciones en Facebook sin hashtag tienen mejores interacciones que las que sí lo llevan. TIPO DE CONTENIDO SUGERIDO: Crear contenido interesante. El algoritmo de Facebook deja de mostrar nuestra página si los usuarios siguen de largo. Debemos buscar engagement; que los usuarios compartan, comenten e interactuen. Se recomiendan hacer: Transmisiones en directo, publicar videos y crear grupos. Además, compartir nuestras experiencias, humanizar nuestra marca, hacer preguntas a los usuarios. De este modo, conseguiremos más interacciones y, por tanto, mayor alcance.
54
14
Descripción y recomendaciones TWITTER: Esta red social permite a los usuarios enviar y leer mensajes de hasta 280 caracteres. Éstos pueden “seguir” los mensajes de otros usuarios. Los mensajes se pueden agrupar por temas mediante etiquetas, los mensajes que son etiquetados con una mayor tasa que el resto se convierten en “trending topics”. El objetivo de Twitter es: Comunicar con inmediatez lo que está pasando de manera corta, sencilla y eficaz. Perfiles del usuario: Hombre y mujeres entre 25 a 40 años, tienen gran poder adquisitivo. Franjas horarias: Todas las horas del día son buenas para publicar, ya que esta red se caracteriza por su rapidez en la información, las personas interesadas en saber lo que está sucediendo actualmente, son las que más recurren a esta red social, sin embargo, la hora con mayor número de usuarios conectados es de 2:00 p.m. a 4:00 p.m. Frecuencia: de 3 a 15 tuits por día. Hashtags: 2 por tuit, tuits con hashtag tienen el doble de alcance que aquellos que no lo tienen y cuando se usan más de dos hashtags el alcance cae en un promedio del 17%. TIPO DE CONTENIDO SUGERIDO: Crear contenido noticioso y de actualidad para redireccionar a un blog o página web donde extendamos la información. Llamar la atención de los seguidores con GIFs animados. Se recomiendan crear: Hilos de twitter para contar historias y para explicar información de actualidad de manera atractiva.
55
14
Descripción y recomendaciones INSTAGRAM: El objetivo de Instagram es: ¡Inspirar y compartir momentos con mi audiencia y comunidad! Perfiles del usuario: Aquí es donde se concentra el público más joven, la generación millennial y la que le sigue, y en donde es una buena idea dirigirse a gente con ganas de viajar, de probar nuevos productos, dejarse aconsejar por influencers e iniciar retos y experiencias con poco dinero. Franjas horarias: Esta red social tiene diferentes picos de horas, pero es importante saber en cual está más activo el segmento objetivo, una de las horas con más tráfico es de 6:00 p.m. a 8:00 p.m. Frecuencia: 1 foto o vídeo por día. Hashtags: Recomendable usar 3 hashtags, uno de ellos personalizado. El algoritmo de Instagram baja el engagement al usar más de 3 hashtags. TIPO DE CONTENIDO SUGERIDO: Fotografías de calidad artística. Es la red de las fotos “bonitas”. Buscar la armonía entre estas imágenes, que todas respiren el mismo aire. Mantener actividad diaria a través de fotografías e historias. Entre mayor contenido, mayor presencia. Usar las nuevas herramientas creativas para las Stories. Usar IgTV para contenido de video que supere el minuto de duración. Se recomiendan crear: Instagram Stories para compartir experiencias, reflexiones, el día a día de la marca y hablar de tú a tú con el público. Crear contenido evergreen, contenido válido sin importar el día en el que se publique. Para contenido de días exactos usar Stories. Contenidos ligados a Hashtags populares, #TBT, etc. No crear publicaciones con mucha tipografía. Complementar las imágenes con una descripción que permita saber que estamos mostrando. Comentar en otras cuentas siempre traerá mas seguidores. Usar Hashtags siempre.
56
14
Tamaños de imágenes para las redes sociales Cada una de las piezas diseñadas puede ser adaptada a cada una de las redes sociales, teniendo en cuenta las recomendaciones anteriores de público, intereses y rol de la red. No se deben repetir las mismas piezas en las diferentes redes. Se deben hacer adaptaciones según cada caso.
60
14
TamaĂąos de imĂĄgenes para las redes sociales
57
14
TamaĂąos de imĂĄgenes para las redes sociales
58
14
TamaĂąos de imĂĄgenes para las redes sociales
59
14
TamaĂąos de imĂĄgenes para las redes sociales
61
14
Historias
Plantillas para diseĂąo de historias Las historias son una nueva forma de transmitir mensajes. Su formato lineal permite dar narrativa a una historia que queramos contar. Es la herramienta mas usada dentro de las redes sociales. Permite integrar gifs, encuestas, filtros, ubicaciĂłn, hashtags, etc. Entregan estadĂsticas de la audiencia.
Estas historias se pueden usar en:
62
14
Historias
Plantillas para diseĂąo de historias
63
14
Historias
Plantillas para diseño de historias Ejemplos plantillas para historias. Estos diseños son replicables para posts de otros tamaños para cualquiera de las redes. Los archivos editables están en el drive suministrado por Chicharra.
64
14
Historias
Plantillas para diseĂąo de historias
65
14
Plantillas de publicaciones Publicaciones juveniles o coloridas
Para este tipo de posts dirigidos al público mas joven, usaremos los colores de nuestra paleta de color de fondo. Jugaremos más con la tipografía Bunny Funny y podemos usar gráficos a mano alzada para comunicar ideas. Se debe firmar con el logotipo según la paleta de color.
Aplica para: 66
14
Plantillas de publicaciones Publicaciones juveniles o coloridas
67
14
Plantillas de publicaciones Publicaciones juveniles o coloridas
68
14
Ejemplos de plantillas Publicaciones informativas.
Para posts mĂĄs corporativos dirigidos a un pĂşblico adulto mas joven, usaremos colores claros de fondo, la fuente Bunny Funny y Affogato.
Las Minas antipersonal, las trampas explosivas y las municiones sin explosionar siguen presentes en el territorio colombiano.
69
14
Ejemplos de plantillas Publicaciones informativas.
Para posts mĂĄs corporativos dirigidos a un pĂşblico adulto mas joven, usaremos colores claros de fondo, la fuente Bunny Funny y Affogato.
70
14
Ejemplos de publicaciones Publicaciones fotogrĂĄficas
Para posts para redes como Instagram donde la imagen es primordial, podemos jugar con nuestro logotipo y los de nuestros aliados. Para las fotos referirse al capĂtulo respectivo.
71
14
Portada y foto de perfil La foto de portada nos permite comunicar o ilustrar el tipo de fanpage que somos. La foto de perfil siempre debe permitir a los usuarios que nos encuentren fรกcilmente. Se recomienda siempre poner el logotipo.
Aplica para:
72
Gracias!