PERSONAS QUE Manual de identidad gráfica coporativa 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. ÍNDICE 1. La marca - Una marca que muta - Cómo se construye la marca - Módulo básico - Elementos - Tamaño del símbolo - Movilidad de los elementos - Normas para la movilidad de los elementos - Variantes - Casos especiales - Convivencia de la marca 2. Colores - La paleta - Colores corporativos - Colores ilustraciones y aplicaciones gráficas - Colores pastel - Colores vivos y grises - Uso del color - Colores corporativos - Colores ilustraciones y aplicaciones gráficas 3. Tipografías - 2 tipografías corporativas - Uso de las tipografías - Foco - Avenir 4. Aplicaciones - Gráfica - Pastillas de color - Uso de los espacios - Ejemplos 4 5 6 7 8 10 11 17 24 28 34 35 36 37 38 39 41 42 46 48 49 50 51 1 LA MARCA 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. PERSONAS QUE LA MARCA 1 5 Una marca que muta 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 PERSONAS QUE QUE www.personasque.com PERSONAS QUE conviven con una enfermedad PERSONAS QUE PERSONAS QUE PERSONAS QUE www.personasque.com/diabetes conviven con el trastorno pipolar www.personasque.com/trasplantes 1 LA MARCA 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 X que se obtiene al dividir entre 3 la altura de la pastilla del logotipo. 3X X PERSONAS QUE 1 LA MARCA 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 PERSONAS QUE conviven con una enfermedad www.personasque.com símbolo URL leyenda 1 LA MARCA Cómo se construye la marca 8 Tamaño del símbolo El símbolo de la marca básica tiene dos alturas posibles dependiendo de la variante. PERSONAS QUE PERSONAS conviven con una enfermedad QUE www.personasque.com Variante con una o dos pastillas. Variante con tres pastillas. 1 LA MARCA 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 2X a la altura de dos pastillas (es decir, 4X). PERSONAS QUE www.personasque.com/diabetes X X X X X X 1 LA MARCA Cómo se construye la marca 10 Movilidad de los elementos Como norma general todos los elementos pueden moverse en relación a los demás siguiendo unas normas básicas. PERSONAS QUE PERSONAS QUE www.personasque.com PERSONAS QUE PERSONAS QUE www.personasque.com 1 LA MARCA 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 PERSONAS X X QUE Como norma general la distancia deberá ser siempre 2 veces X. X X X conviven con una enfermedad www.personasque.com Como excepción y siempre que sea necesario, podremos aumentar la distancia a 3X. 1 LA MARCA 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 2X. PERSONAS QUE www.personasque.com/diabetes X X 1 LA MARCA 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. PERSONAS QUE X X www.personasque.com X X 1 LA MARCA 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. X X X X X conviven con la diabetes PERSONAS QUE X X X X X 1 LA MARCA 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. X X X PERSONAS QUE X X X X conviven con el trastorno pipolar X X X X X 1 LA MARCA Cómo se construye la marca 16 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. PERSONAS QUE www.personasque.com PERSONAS QUE www.personasque.com/diabetes PERSONAS QUE www.personasque.com PERSONAS QUE www.personasque.com/diabetes 1 LA MARCA 17 Variantes A continuación mostramos las variantes posibles de la marca Personas que. 1. Marca básica 1 PERSONAS QUE 1 LA MARCA 18 Variantes 2. 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 1 LA MARCA 19 Variantes 3. Marca básica + leyenda PERSONAS QUE conviven con una enfermedad 1 LA MARCA 20 Variantes 4. Marca básica + URL PERSONAS QUE www.personasque.com 1 LA MARCA 21 Variantes 5. Marca básica + leyenda + URL PERSONAS QUE conviven con una enfermedad www.personasque.com 1 LA MARCA 22 Variantes 6. Marca declinada + leyenda: expresa la enfermedad a la que se refiere a través de un pictograma y de la leyenda. PERSONAS QUE conviven con la diabetes 1 LA MARCA 23 Variantes 7. Marca declinada + URL: expresa la enfermedad a la que se refiere a través de un pictograma y de la URL. PERSONAS QUE www.personasque.com/bipolar 1 LA MARCA 24 Casos especiales 9. Marca registrada. PERSONAS PERSONAS QUE ® QUE ® 1 LA MARCA 25 Casos especiales 10. Marca en negativo. Color corporativo C3 M4 Y14 K8 PERSONAS QUE Color corporativo C0 M0 Y0 K90 Blanco 1 LA MARCA 26 Casos especiales Blanco PERSONAS QUE conviven con el trastorno pipolar Color corporativo C0 M0 Y0 K60 1 LA MARCA 27 Casos especiales 11. Marca en blanco y negro. PERSONAS QUE PERSONAS QUE C0 M0 Y0 K22 conviven con el trastorno pipolar C0 M0 Y0 K10 1 LA MARCA 28 Convivencia de la marca 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. 4X 4X X X X X X X X X PERSONAS QUE 1 LA MARCA 29 Convivencia de la marca 4X 4X X X X X X X X X PERSONAS QUE 1 LA MARCA 30 Convivencia de la marca 4X 4X X X X X X X X X PERSONAS QUE 1 LA MARCA 31 Convivencia de la marca 5X 5X X X X X X X X X X X PERSONAS QUE conviven con una enfermedad 1 LA MARCA 32 Convivencia de la marca 6X 6X X X X X X X X X X X X X PERSONAS QUE conviven con una enfermedad www.personasque.com 1 LA MARCA Convivencia de la marca PERSONAS QUE conviven con la diabetes X X X X X X 3X 3X 33 2 COLORES 34 La paleta 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 2 COLORES 35 Colores corporativos Valores válidos para CMYK, RGB y tintas directas. CMYK: 3, 4, 14, 8 RGB: 218, 215, 203 Pantone:7534 CMYK: RGB: Pantone: 1, 2, 7, 4 234, 233, 227 7534 (50%) CMYK: RGB: Pantone: 0, 0, 0, 90 58, 58, 58 Black 6U CMYK: RGB: Pantone: 0, 0, 0, 60 130, 130, 130 Black 6U (65%) 2 COLORES 36 Colores ilustraciones y aplicaciones gráficas Colores pastel Valores válidos para CMYK, RGB. Pastel claro 1 CMYK: RGB: 3, 2, 7, 0 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 10, 5, 10, K0 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: RGB: 11, 5, 5, 0 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: RGB: C, 4, 10, 0 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: RGB: 0, 3, 7, 0 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: RGB: 0, 6, 6, 0 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 Pastel claro 2 CMYK: RGB: 2 COLORES Colores ilustraciones y aplicaciones gráficas 37 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: RGB: 0, 0, 0, 80 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: RGB: 0, 0, 0, 50 150, 150, 150 2 COLORES 38 Uso del color Colores corporativos C0 M0 Y0 K90 R58 G58 B58 Pantone Black 6U C3 M4 Y14 K8 R218 G215 B203 Pantone 7534 C1 M2 Y7 K4 R234 G233 B227 Pantone 7534 (50%) C0 M0 Y0 K60 R130 G130 B130 Pantone Black 6U (65%) PERSONAS QUE conviven con el trastorno pipolar 2 COLORES Uso del color 39 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 25.000 €/AÑO 2011, 30.000 €/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ú. 2 COLORES 40 Colores ilustraciones y aplicaciones gráficas Uso del color 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 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. INFORME GLOBAL DE EVOLUCIÓN DE LA PLATAFORMA Y DE SUS USUARIOS INFORME TRIMESTRAL 600 €/año 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. 2 TIPOGRAFÍAS 2 tipografías corporativas 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 41 2 TIPOGRAFÍAS Uso de las tipografías Foco Bold 1234567890 abcdefghijklm nñopqrstuvwxyz ,;.:-_()?¿&”$# 42 Foco Foco Regular 1234567890 abcdefghijklm nñopqrstuvwxyz ,;.:-_()?¿&”$# Foco Light 1234567890 abcdefghijklm nñopqrstuvwxyz ,;.:-_()?¿&”$# 2 TIPOGRAFÍAS 43 Uso de las tipografías Foco Foco se usará siempre en la marca Personas que. Foco Bold Foco Regular PERSONAS QUE conviven con una enfermedad www.personasque.com Foco Light 2 TIPOGRAFÍAS 44 Foco Uso de las tipografías Foco también se usará en aplicaciones gráficas para titulares grandes. Utilidades de la plataforma A 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. PERSONAS 5 utilidades para las personas que conviven con una efermedad 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? 1 2 3 4 5 Para RELACIONARTE con otras personas en tu misma situación. para COMPARARTE con personas que pedecen tu enfermedad. Para CONTROLAR 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. 2 TIPOGRAFÍAS Uso de las tipografías 45 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 2 TIPOGRAFÍAS Uso de las tipografías Avenir Medium 1234567890 abcdefghijklm nñopqrstuvwxyz ,;.:-_()?¿&”$# 46 Avenir Avenir Book 1234567890 abcdefghijklm nñopqrstuvwxyz ,;.:-_()?¿&”$# Avenir Light 1234567890 abcdefghijklm nñopqrstuvwxyz ,;.:-_()?¿&”$# 2 TIPOGRAFÍAS 47 Avenir Uso de las tipografías Avenir se usará para textos corridos en todo tipo de documentos. Pueden usarse todos los gruesos existentes. B ORGANIZACIONES 5 utilidades para las organizaciones 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. ¿Qué se obtiene participando en Personas que? 1 2 3 4 5 INFORMACIÓN ESTADÍSTICA que proviene de los datos facilitados por los usuarios. RECONOCIMIENTO 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 INFORMACIÓN de interés para los usuarios mediante su publicación. INSTRUMENTOS DE INTERRELACIÓN con las personas que conviven con una enfermedad. 3 APLICACIONES Gráfica 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. 48 3 APLICACIONES Gráfica 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. PERSONAS QUE 49 Pastillas de color 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. Comunidad 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. 3 APLICACIONES 51 Gráfica Ejemplos Tarjetas de visita Carlos Lara Línea editorial [email protected] www.personasque.com/equipo m. 623 456 670 skype: carlos.lara Personas que es una iniciativa de Publicis Healthcare Communications Group PERSONAS QUE 3 APLICACIONES Gráfica Web 52 Ejemplos 3 APLICACIONES Gráfica Dossier 53 Ejemplos ©