PERSONAS QUE. Manual de identidad gráfica coporativa

Transcripción

1 PERSONAS QUE Manual de identidad gráfica coporativa

2 PRESENTACIÓN Este manual está pensado para ser consultado por todas aquellas personas que quieran realizar aplicaciones gráficas de Personas que en las que se deba aplicar su identidad visual corporativa. Dicha identidad consta de una marca, sus diferentes variantes, unos colores corporativos y dos tipografías corporativas, así como una guía de como aplicar dichos elementos de forma coherente en un entorno gráfico. El debido uso de estos tres elementos dotará a Personas que de una identidad sólida y reconocible a lo largo del tiempo. Y para su debido uso está pensado este manual.

3 ÍNDICE 1. La marca 4 - Una marca que muta 5 - Cómo se construye la marca - Módulo básico 6 - Elementos 7 - Tamaño del símbolo 8 - Movilidad de los elementos 10 - Normas para la movilidad de los elementos 11 - Variantes 17 - Casos especiales 24 - Convivencia de la marca Colores - La paleta 34 - Colores corporativos 35 - Colores ilustraciones y aplicaciones gráficas - Colores pastel 36 - Colores vivos y grises 37 - Uso del color - Colores corporativos 38 - Colores ilustraciones y aplicaciones gráficas Tipografías - 2 tipografías corporativas 41 - Uso de las tipografías - Foco 42 - Avenir Aplicaciones - Gráfica 48 - Pastillas de color 49 - Uso de los espacios 50 - Ejemplos 51

4 4 Esta es la marca básica de Personas que. Se compone de un símbolo (el pictograma señor con nube) y un logotipo (personas que). Personas que siempre aparecerá dentro de una pastilla de color, mientras que el símbolo siempre aparecerá fuera de la pastilla. Más adelante veremos que la marca tiene variantes que incluyen otros elementos.

5 Una marca que muta 5 La marca Personas que tiene múltiples variantes y a su vez cada variante puede ser configurada de múltiples formas. Para entender esta multiplicidad vamos a presentar las diferentes variantes y la forma de construirse. PERSONAS conviven con QUE una enfermedad conviven con el trastorno pipolar

6 6 Cómo se construye la marca Módulo básico Para construir las diversas variantes de la marca, utilizaremos un módulo básico llamado que se obtiene al dividir entre 3 la altura de la pastilla del logotipo. 3

7 7 Cómo se construye la marca Elementos Estos son los 4 elementos que pueden aparecer en las variantes de la marca. Cada uno de ellos (menos el logotipo) puede modificarse para expresar diferentes enfermedades. logotipo conviven con una enfermedad leyenda símbolo URL

8 8 Cómo se construye la marca Tamaño del símbolo El símbolo de la marca básica tiene dos alturas posibles dependiendo de la variante. PERSONAS QUE conviven con una enfermedad Variante con una o dos pastillas. Variante con tres pastillas.

9 9 Cómo se construye la marca Tamaño del símbolo El símbolo de cada enfermedad siempre tendrá este tamaño, que se haya restando 2 a la altura de dos pastillas (es decir, 4).

10 10 Cómo se construye la marca Movilidad de los elementos Como norma general todos los elementos pueden moverse en relación a los demás siguiendo unas normas básicas.

11 11 Cómo se construye la marca Normas para la movilidad de los elementos 1. Distancia entre el símbolo y el resto de elementos. PERSONAS QUE conviven con una enfermedad Como norma general la distancia deberá ser siempre 2 veces. Como excepción y siempre que sea necesario, podremos aumentar la distancia a 3.

12 12 Cómo se construye la marca Normas para la movilidad de los elementos En las marcas con símbolos de enfermedades, la distancia será siempre 2.

13 13 Cómo se construye la marca Normas para la movilidad de los elementos 2. Ubicación del símbolo con respecto a las pastillas. En la marca básica, el símbolo siempre está alineado con la base de la o las pastillas.

14 14 Cómo se construye la marca Normas para la movilidad de los elementos Para marcas con símbolos de enfermedades: Cuando tengamos una sola línea de pastillas, el símbolo siempre estará alineado con el lateral de alguna pastilla o con su base. conviven con la diabetes

15 15 Cómo se construye la marca Normas para la movilidad de los elementos Cuando tengamos dos líneas de pastillas el símbolo estará alineado con el lateral de alguna pastilla o con el centro de ambas. conviven con el trastorno pipolar

16 16 Cómo se construye la marca Normas para la movilidad de los elementos 3. Movimiento relativo de las pastillas. Las pastillas pueden moverse libremente siempre y cuando estén pegadas las unas a las otras. Aunque sea natural alinearlas por algún lado no es obligatorio

17 Variantes 17 A continuación mostramos las variantes posibles de la marca Personas que. 1. Marca básica 1

18 Variantes Marca básica 2: ocupa menos espacio horizontal que la 1 y puede ser más útil a la hora de convivir con otras marcas. PERSONAS QUE

19 Variantes Marca básica + leyenda conviven con una enfermedad

20 Variantes Marca básica + URL

21 Variantes Marca básica + leyenda + URL conviven con una enfermedad

22 Variantes Marca declinada + leyenda: expresa la enfermedad a la que se refiere a través de un pictograma y de la leyenda. conviven con la diabetes

23 Variantes Marca declinada + URL: expresa la enfermedad a la que se refiere a través de un pictograma y de la URL.

24 Casos especiales Marca registrada. PERSONAS QUE

25 Casos especiales Marca en negativo. Color corporativo C3 M4 Y14 K8 Blanco Color corporativo C0 M0 Y0 K90

26 Casos especiales 26 Blanco conviven con el trastorno pipolar Color corporativo C0 M0 Y0 K60

27 Casos especiales Marca en blanco y negro. conviven con el trastorno pipolar C0 M0 Y0 K22 C0 M0 Y0 K10

28 Convivencia de la marca 28 Cuando la marca Personas que deba convivir en el mismo espacio con otras marcas, deberán respetarse las alineaciones y espacios que mostramos a continuación. 4 4

29 Convivencia de la marca

30 Convivencia de la marca PERSONAS QUE

31 Convivencia de la marca conviven con una enfermedad

32 Convivencia de la marca conviven con una enfermedad

33 Convivencia de la marca 33 conviven con la diabetes 3 3

34 2 COLORES La paleta 34 La marca Personas que tiene asociada una paleta de colores que debe ser respetada en toda su comunicación gráfica. Esta paleta abarca: a) los colores corporativos (de la marca) y b) los colores para las ilustraciones y aplicaciones gráficas. Colores corporativos Colores para ilustraciones y aplicaciones gráficas

35 2 COLORES Colores corporativos 35 Valores válidos para CMYK, RGB y tintas directas. CMYK: 3, 4, 14, 8 RGB: 218, 215, 203 Pantone: 7534 CMYK: 1, 2, 7, 4 RGB: 234, 233, 227 Pantone: 7534 (50%) CMYK: 0, 0, 0, 90 RGB: 58, 58, 58 Pantone: Black 6U CMYK: 0, 0, 0, 60 RGB: 130, 130, 130 Pantone: Black 6U (65%)

36 2 COLORES 36 Colores ilustraciones y aplicaciones gráficas Colores pastel Valores válidos para CMYK, RGB. Pastel claro 1 CMYK: 3, 2, 7, 0 RGB: 245, 243, 234 Pastel básico 1 CMYK: 9, 7, 15, 0 RGB: 229, 227, 213 Pastel oscuro 1 CMYK: 32, 25, 30, 0 RGB: 177, 176, 170 Pastel claro 2 CMYK: 10, 5, 10, K0 RGB: 236, 230, 224 Pastel básico 2 CMYK: 18, 8, 20, 0 RGB: 208, 216, 202 Pastel oscuro 2 CMYK: 41, 29, 40, 0 RGB: 158, 163, 151 Pastel claro 3 CMYK: 11, 5, 5, 0 RGB: 223, 230, 233 Pastel básico 3 CMYK: 20, 10, 10, 0 RGB: 201, 212, 217 Pastel oscuro 3 CMYK: 42, 30, 30, 0 RGB: 154, 162, 166 Pastel claro 4 CMYK: C, 4, 10, 0 RGB: 255, 242, 226 Pastel básico 4 CMYK: 0, 8, 18, 0 RGB: 255, 233, 207 Pastel oscuro 4 CMYK: 26, 27, 37, 0 RGB: 191, 176, 157 Pastel claro 5 CMYK: 0, 3, 7, 0 RGB: 255, 245, 234 Pastel básico 5 CMYK: 0, 5, 10, 0 RGB: 255, 240, 225 Pastel oscuro 5 CMYK: 22, 20, 25, 0 RGB: 199, 192, 182 Pastel claro 6 CMYK: 0, 6, 6, 0 RGB: 253, 239, 231 Pastel básico 6 CMYK: 0, 10, 10, 0 RGB: 253, 230, 220 Pastel oscuro 6 CMYK: 14, 17, 17, 0 RGB: 217, 204, 199

37 2 COLORES 37 Colores ilustraciones y aplicaciones gráficas Colores vivos y grises Valores válidos para CMYK, RGB. Colores vivos 1 CMYK: 23, 0, 80, 0 RGB: 205, 221, 92 Colores vivos 7 CMYK: 70, 35, 20, 0 RGB: 83, 141, 174 Colores vivos 13 CMYK: 0, 18, 90, 0 RGB: 255, 206, 49 Colores vivos 2 CMYK: 50, 20, 50, 0 RGB: 136, 170, 142 Colores vivos 8 CMYK: 35, 17, 8, 0 RGB: 164, 189, 212 Colores vivos 3 CMYK: 60, 21, 80, 5 RGB: 113, 154, 91 Colores vivos 9 CMYK: 6, 90, 55, 0 RGB: 225, 64, 92 Colores vivos 4 CMYK: 70, 35, 88, 20 RGB: 81, 116, 66 Colores vivos 10 CMYK: 0, 60, 55, 0 RGB: 244, 131, 108 Colores vivos 5 CMYK: 68, 75, 15, 0 RGB: 109, 88, 147 Colores vivos 11 CMYK: 9, 60, 70, 0 RGB: 224, 128, 88 Gris 1 CMYK: 0, 0, 0, 80 RGB: 85, 85, 85 Colores vivos 6 CMYK: 75, 50, 10, 0 RGB: 77, 120, 173 Colores vivos 12 CMYK: 0, 42, 100, 0 RGB: 249, 161, 27 Gris 2 CMYK: 0, 0, 0, 50 RGB: 150, 150, 150

38 2 COLORES 38 Uso del color Colores corporativos C0 M0 Y0 K90 R58 G58 B58 Pantone Black 6U C0 M0 Y0 K60 R130 G130 B130 Pantone Black 6U (65%) C3 M4 Y14 K8 R218 G215 B203 Pantone 7534 C1 M2 Y7 K4 R234 G233 B227 Pantone 7534 (50%) conviven con el trastorno pipolar

39 2 COLORES 39 Uso del color Colores ilustraciones y aplicaciones gráficas Tanto en ilustraciones como en las aplicaciones gráficas, como norma general, se usarán los colores pastel básicos como fondo y los colores vivos en ilustraciones o elementos destacados combinados con los grises. PARTNERS ANUALES EMP EMPRESAS /AÑO 2011, /AÑO Encuestas Posibilidad de realizar entre 2 y 4 encuestas máx. /año en función de la enfermedad con el fin de respetar a los usuarios. Las encuestas no están permitidas a empresas que no son miembros del Comité. La motivación principal para que un usuario responda al cuestionario es que luego recibirá el informe resumido de dicha encuesta, que no se publica en Personas como tú.

40 2 COLORES 40 Uso del color Colores ilustraciones y aplicaciones gráficas Los colores pastel claros y oscuros sirven para hacer contraste con los básicos cuando sea necesario. SUSCRIPCIONES Estadísticas ANUALES INFORME GLOBAL DE EVOLUCIÓN DE LA PLATAFORMA Y DE SUS USUARIOS INFORME TRIMESTRAL 600 /año INFORME GLOBAL DE EVOLUCIÓN DE LA PLATAFORMA Y DE SUS USUARIOS INFORME TRIMESTRAL 600 /año Datos de usuario Demográficos, características personales (convivencia con la enfermedad, peso, altura, hábitos). Datos de diagnóstico Síntomas, antecedentes, complicaciones y tipo de institución/consulta que le trata. Datos de tratamiento Fármacos y dispositivos, dosis y frecuencia, valoración, efectos secundarios. Datos de calidad de vida Grado y frecuencia de control de la enfermedad, frecuencia de complicaciones, otros síntomas, valoración calidad de vida y otros tratamientos. Usuarios por enfermedad Número de usuarios registrados en cada comunidad y tipo de usuario (padecen, conviven, se relacionan) y datos demográficos. Aplicaciones, descarga y uso Descargas de aplicaciones realizadas por plataforma móvil, frecuencia de uso y funcionalidades más utilizadas. Visitas por secciones y evolución de comunidad Secciones mas visitadas, funcionalidades más utilizadas y contenidos más leídos/vistos, marcados como favoritos o publicados en redes sociales o reenviados.

41 2 TIPOGRAFÍAS 2 tipografías corporativas 41 Personas que tiene dos tipografías corporativas, una se usa en la marca y la otra en las aplicaciones gráficas. Marca: Foco Aplicaciones gráficas: Avenir

42 2 TIPOGRAFÍAS 42 Uso de las tipografías Foco Foco Bold abcdefghijklm nñopqrstuvwxyz,;.:-_()? & $# Foco Regular abcdefghijklm nñopqrstuvwxyz,;.:-_()? & $# Foco Light abcdefghijklm nñopqrstuvwxyz,;.:-_()? & $#

43 2 TIPOGRAFÍAS 43 Uso de las tipografías Foco Foco se usará siempre en la marca Personas que. Foco Bold Foco Regular conviven con una enfermedad Foco Light

44 2 TIPOGRAFÍAS 44 Uso de las tipografías Foco Foco también se usará en aplicaciones gráficas para titulares grandes. Utilidades de la plataforma A PERSONAS 5 utilidades para las personas que conviven con una efermedad Personas como tú ofrece 5 beneficios o utilidades a sus usuarios. Bajo la misión de de este proyecto de mejorar la calidad de vida de las personas que conviven con una enfermedad, hemos planteado dichas utilidades. Aunque la comunidad es el bloque principal de esta plataforma, el resto de utilidades son esenciales desde dos puntos de vista: como complemento a la comunidad pero también como como bloques principales para aquellas personas que no están interesadas inicialmente en los aspectos de relación. Para qué sirve Personas que? Para RELACIO- NARTE con otras personas en tu misma situación. para COMPARAR- TE con personas que pedecen tu enfermedad. Para CONTRO- LAR día a día tu enfermedad. Para COMPARTIR conocimiento o acceder a él a partir de tu experiencia. Para ESTAR AL DÍA de tu enfermedad y encontrar información de utilidad.

45 2 TIPOGRAFÍAS 45 Uso de las tipografías Foco Foco también se usará en aplicaciones gráficas para titulares grandes. Un lugar para todas las personas que conviven con una enfermedad Para las personas que padecen, para las que cuidan de otros y también para aquellas personas que se ralacionan de vez en cuando con otras enfermas. Crear una cuenta

46 2 TIPOGRAFÍAS 46 Uso de las tipografías Avenir Avenir Medium abcdefghijklm nñopqrstuvwxyz,;.:-_()? & $# Avenir Book abcdefghijklm nñopqrstuvwxyz,;.:-_()? & $# Avenir Light abcdefghijklm nñopqrstuvwxyz,;.:-_()? & $#

47 2 TIPOGRAFÍAS 47 Uso de las tipografías Avenir Avenir se usará para textos corridos en todo tipo de documentos. Pueden usarse todos los gruesos existentes. B ORGANIZACIONES 5 utilidades para las organizaciones Qué se obtiene participando en Personas que? Las organizaciones de la industria de la salud juegan un papel esencial en la viabilidad de este proyecto a largo plazo. Entendemos que es necesaria su integración para que el proyecto Personas como tú cumpla su objetivo de mejorar la calidad de vida de las personas que conviven con una enfremedad. Las organizaciones de la industria de la salud que participan ene este proyecto tendrán un papel de observadores y de colaboradores en el mismo ya que la intervención directa, anque en algunos casos pueda revertir en beneficio del paciente, no forma parte de este proyecto en el que el las personas que conviven con una enfermedad llevan la batuta INFORMACIÓN ESTADÍSTICA que proviene de los datos facilitados por los usuarios. RECONOCIMIEN- TO PÚBLICO con asociación a valores de mejora de la sociedad y tecnolólogicos FORMAR PARTE de un punto de encuentro del mundo de la salud, un proyecto intergrador a largo plazo. DIFUSIÓN DE IN- FORMACIÓN de interés para los usuarios mediante su publicación. INSTRUMENTOS DE INTERRE- LACIÓN con las personas que conviven con una enfermedad.

48 3 APLICACIONES Gráfica 48 Personas que se expresa a través de una gráfica que debe estar construida según unos parámetros o indicaciones que explicamos a continuación.

49 3 APLICACIONES 49 Gráfica Pastillas de color Primero de todo y como continuación de la marca, el elemento principal con el que se construye la gráfica es la pastilla de color.

50 3 APLICACIONES 50 Gráfica Uso de los espacios La gráfica de Personas que debe ser siempre una gráfica amplia, limpia y clara, con un buen uso de los espacios. Un lugar para todas las personas que conviven con una enfermedad Para las personas que padecen, para las que cuidan de otros y también para aquellas personas que se ralacionan de vez en cuando con otras enfermas. Crear una cuenta 5 formas de convivir mejor con una enfermedad Conversando Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec purus eget libero lacinia egestas. Quisque eget quam quis quam. Con datos en la mano Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec purus eget libero lacinia egestas. Quisque eget quam quis quam. Con movilidad Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec purus eget libero lacinia egestas. Quisque eget quam quis quam. Aportando Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec purus eget libero lacinia egestas. Quisque eget quam quis quam. Estando al día Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec purus eget libero lacinia egestas. Quisque eget quam quis quam. Comunidad

51 3 APLICACIONES 51 Gráfica Ejemplos Tarjetas de visita Carlos Lara Línea editorial m skype: carlos.lara PERSONAS QUE Personas que es una iniciativa de Publicis Healthcare Communications Group

52 3 APLICACIONES 52 Gráfica Ejemplos Web

53 3 APLICACIONES 53 Gráfica Ejemplos Dossier

54