Manual de identidad gráfica coporativa

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
©