Manual de identidad visual corporativa
PEQUESANOS
www.pequesanos.es
Empresa: www.pequesanos.es Diseño y maquetación: Yumai Herrero Mejía Imprenta: Anteo impresores, S. L. ONLINE: 863-15-032-9 Depósito Legal: V-52610-2012 Edición: 2012 ©
Ă?ndice de contenidos
Índice de contenidos INTRODUCCIÓN LA MARCA Filosofía de la marca Marca Construcción marca Reducción máxima Área de respeto Construcción del símbolo Color corporativo Tipografía corporativa Versiones de marca Escala de grises Positivo y negativo Sobre fondos
7 11 15 17 18 20 22 24 26 28 30 32 34 SOPORTES PUBLICITARIOS
WEB PEQUESANOS Web pequesanos Organigrama web Tipografía web Icono de ayuda Favicon Carga de página Ventana emergente Banner
36 40 42 44 46 48 50 52
Soportes publicitarios Cartel Folleto informativo Totem Totem Vitaprón Mesa mostrador Unifome personal Redes sociales
54 58 60 62 64 66 58 70
Introducci贸n
7 6
Introducciรณn
El objetivo de este manual es normalizar de forma precisa, clara y comprensible, la imagen visual corporativa de la marca PEQUESANOS. Dicho manual es un instrumento que recoge las normas grรกficas que se deben aplicar a la hora de utilizar los diferentes elementos grรกficos, tanto en la web como en las diferentes piezas comerciales o comunicativas, presentando las reglas bรกsicas que se deben tener en cuenta para sus aplicaciones presentes y futuras. Las aplicaciones no definidas en este documento se realizarรกn respetando y teniendo en cuenta los criterios generales del estilo marcado.
9
www.pequesanos.es
8
La marca
11 10
Filosofía de la marca Para crear el nombre de la marca se tuvieron en cuenta varios conceptos y el principal es, que su función era dar nombre a una web cuyo objetivo es incentivar la nutrición y el deporte a través de juegos didácticos en niños de tres a seis años. Por tanto, las palabras principales eran: ordenador, juego, niños, nutrición, deporte y sanos, entre otras. Tras mucha investigación, se llegó al nombre de PEQUESANOS. La palabra “peque” se entiende como diminutivo de pequeño, con el cual los niños se pueden identificar facilmente. La palabra “sanos” es esencial para representar la buena salud. Palabra que abarca muchos conceptos, pero interesante para mostrar al niño cuando juegue, que dicha palabra es muy importante, pues con una buena alimentación y ejercicio físico se consigue. No era bastante llamativa la marca sin un personaje representativo. VITAPRÓN, da nombre a este y es de suma importancia, ya que sus pelos de colores representan las proteínas y su cabeza las vitaminas. Se quiso hacer del personaje un deportista y se eligieron los patines, un deporte de ambos sexos.
www.pequesanos.es
13 12
La marca
Manual de identidad de Pequesanos
La marca
La marca está formada por el logotipo o nombre “pequesanos” y el isotipo, el personaje Vitaprón. La marca representa la unidad fundamental para la identificación de la web.
15
www.pequesanos.es
14
Construcci贸n de la marca
x=
= 3x3mm
7x 15x
3,5x 4x 0,5x
3,5x 3x
15x 12x
Manual de identidad de Pequesanos
La marca
La red de construcción, creada con el objetivo de asegurar una buena reproducción de la marca, manteniendo sus características y proporciones. La retícula está formada por cuadrados de tres por tres milímetros, a los cuales se les a dado el nombre de “x”, cuya letra es un fragmento sacado del ojo de la letra “o”.
17
www.pequesanos.es
16
Tama帽o de reducci贸n
18 mm
13 mm
Manual de identidad de Pequesanos
La marca
El tamaño de la marca es muy importante, por ello se expecifica el tamaño máximo al que puede ser reducida. No se podrá reducir más del tamaño permitido, pues puede perder legibilidad. Para la web, el tamaño al que se puede reducir es: 104 x 43 px. Para otros soportes impresos : 13,1 x 18 mm.
19
www.pequesanos.es
18
Ă rea de Necesidades nutricionales respeto x= 2x
= 3x3mm 2x
2x
2x
2x
2x 2x
2x
Manual de identidad de Pequesanos
La marca
En otras aplicaciones, la marca estará acompañada de varios elementos, ya sean fotografías, ilustraciones y/o textos. Por lo tanto, es muy importante que cuente con espacio a su alrededor, para que se pueda ver con facilidad y no tenga elementos que le resten importancia. La limitación del área de respeto es la máxima aproximación que podrían tener los elementos o signos gráficos que acompañen la marca gráfica. Dicha limitación corresponde a dos por dos cuadros de “x”. Al no cumplir esta normalización, afectaría el impacto visual de la marca impidiendo su buena visualización.
21
www.pequesanos.es
20
SĂmbolo personaje Grosor de lĂnea = 3 pnt. x= = 3x3mm
7x 15x
3,5x 4x
15x 12x
Manual de identidad de Pequesanos
La marca
Se muestra el personaje en la retĂcula para una mejor reproducciĂłn. Abajo se presenta en color. Puede ir solo sin el nombre la de la marca, e incluso la cabeza sola dependiendo del soporte, por ejemplo en el diseĂąo de algunos iconos como el de ayuda en el juego de la web.
23
www.pequesanos.es
22
Color Necesidades nutricionales corporativo
Verde: C: 47,45% M: 0% Y: 98,82% K: 0%
Rojo: C: 0% M: 100% Y: 0% K: 100%
Nude: C: 2,75% M: 0% Y: 49,8% K: 0%
R: 9E G: C1 B: 09
Azul: C: 74,61% M: 23,05% Y: 0% K: 0%
R: 26 G: 9c B: 03
R: 9E G: C1 B: 09
Amarillo: C: 4,69% M: 0% Y: 88,67% K: 0%
R: FD G: EA B: 1B
R: FF G: F5 B: 98
Negro: C: 0% M: 0% Y: 0% K: 100%
R: 00 G: 00 B: 00
Manual de identidad de Pequesanos
La marca
La marca considera el uso de seis colores. Para normalizar la utilizaci贸n de los colores se propone considerar en c贸digo RGB para web y CMYK para impresiones en otros soportes como referencia visual.
25
www.pequesanos.es
24
Tipografía corporativa
i
othic
Tipografía principal:
Tipografía de la marca : Adera Display SSi
T
abcdefghijklmnopqrstuvwxyz
a
ABCDEFGHIJKLMNOPQRSTUVWXYZ
A
1234567890
1
Tipografía secundaria:
a
Tipografía niños: ( Optima web ): Century Gothic Tipografía para textolos corrido
A
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
1
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
a
1234567890 1234567890
A
1
a
abcdefghijklmnopqrstuvwxyz Tipografía complementaria web : Trebuchet MS ABCDEFGHIJKLMNOPQRSTUVWXYZ
A
abcdefghijklmnopqrstuvwxyz 1234567890
1
ABCDEFGHIJKLMNOPQRSTUVWXYZ Manual de identidad de Pequesanos abcdefghijklmnopqrstuvwxyz 1234567890
La marca
Para la marca se ha utilizado la tipografía Adera Display SSI por ser de palo seco, redondeada y negra. Transmite un mayor carácter infantil, es simple en su construcción y sin detalles. Para el uso de texto corrido en soportes impresos se utiliza la tipografía Optima por su legibilidad para la lectura, ya que sus remates son insinuados y parece una romana.
27
www.pequesanos.es
26
Versiones de Necesidades nutricionales la marca
ertical
Vertical
Horizontal
Horizontal
Manual de identidad de Pequesanos
La marca
La marca se presenta en tres versiones, vertical, horizontal y vertical con la cara del personaje. Es preferible utilizar la versiĂłn en vertical, si los recursos compositivos no lo permiten, se recurrirĂĄ a las otras dos versiones que aquĂ se exponen.
29
www.pequesanos.es
28
Escala de grises
Manual de identidad de Pequesanos
La marca
Para el logotipo en escala de grises, se recomiendan los siguientes porcentajes: - Rojo: 80% de negro. - Azul: 60% de negro. - Verde: 40% de negro. - Amarillo: 20% negro. - Nude: 5% de negro. Se puede utilizar en soportes impresos que no se impriman en color. TambiĂŠn en fondos que sean muy saturados.
31
www.pequesanos.es
30
Positivo y negativo
Manual de identidad de Pequesanos
La marca
Versiones en positivo y negativo. Si la marca se reproduce sobre algún fondo que perjudique su legibilidad, se utilizaría en positivo o negativo. La versión en blanco se utilizará en fotografías oscuras, y la versión en negro en imágenes claras.
33
www.pequesanos.es
32
Sobre fondos
VitaprĂłn te recomienda comer fruta cinco veces al dĂa para estĂĄr sano y fuerte.
Manual de identidad de Pequesanos
La marca
La versiĂłn a todo color se reproducirĂĄ sobre fondos planos ( amarillo, azul, blanco y verde) y en fotografĂas que no perjudiquen su legibilidad, como en el ejemplo, se muestra una foto con baja opacidad y la otra normal.
35
www.pequesanos.es
34
Web de pequesanos
37 36
Web de pequesanos La web de PEQUESANOS es un espacio lúdico y de aprendizaje para los niños/as de tres a seis años. Aprenderán de forma divertida las normas básicas de nutrición y deporte, incentivando estas como un hábito cotidiano. Esta web se actualiza todas las semanas y los juegos van cambiando, por lo que a continuación se ofrecen unas normas que hay que respetar en la construcción de la misma, lo único que puede cambiar es el banner publicitario.
39
www.pequesanos.es
38
Organigrama de la web
217px 55px
77px 54px
inicio
pintar
juegos
8,75px 12
tutores
217px Título de página
12x
120px 768px 498px
27,5px 8,75px
25px 27,25px
1024px 732px
107 35px
Manual de identidad de Pequesanos
Web de pequesanos El siguiente diagrama muestra la construcción de la web: - Las medidas de la web : 1024 x 768 px. - Se ha diseñado en tres secciones principales: los botones, el cuerpo donde se sitúan lel título de la sección y en un cuadrado de 732 x 498 px los juegos y demás secciones de la página. - El isotipo irá inserto en la derecha superior dentro de un círculo no sobrepasando las dimensiones de este. - El menú de navegación irá en la parte superior, no sobrepasando la medida de 54 x 77 px cada botón. Dichos botones irán en paralelo. - El icono de ayuda se sitúa a la derecha, con una medida respecto al margen de la web de 35 x 25 px. - El color de fondo del sitio puede variar según la zona de navegación de la web.
41
www.pequesanos.es
40
Tipografía corporativa Century Gothic Regular abcdefghijklmnñopkrstuvwxyz ABCDEFGHIJKLMNÑOPKRSTUVWXYZ 123456789!¡ Century Gothic Bold abcdefghijklmnñopkrstuvwxyz ABCDEFGHIJKLMNÑOPKRSTUVWXYZ 123456789!¡
Manual de identidad de Pequesanos
Web de pequesanos Para la web se utiliza la tipografía Century Gothic, en regular y en bold. Es la mejor opción para la lectura de los niños por su legibilidad y claridad.
43
www.pequesanos.es
42
Icono de ayuda
Manual de identidad de Pequesanos
Web de pequesanos Icono de ayuda que se sitúa en todos los juegos de la web. El niño/a podrá pulsar el botón en cualquier momento de duda para llamar a Vitaprón.
45
www.pequesanos.es
44
Favicon
Manual de identidad de Pequesanos
Web de pequesanos El favicon es una imagen que aparece a la izquierda de la dirección web en las barras de los exploradores de internet. Sirve para expandir la imagen de la web, por lo que es un buen medio para proporcionar a los usuarios el sello distintivo del sitio. Es una buena forma de hacer que la imagen del sitio web sea utilizada por algún usuario para escribir alguna entrada en su blog sobre el sitio o para poner un enlace en el escritorio y que los niños/as lo visualicen rápido para acceder en el momento sin ayuda de los tutores. Su tamaño es de 16 x 16 pp. siendo el tamaño recomendado para este.
47
www.pequesanos.es
46
Carga de pรกgina
Manual de identidad de Pequesanos
Web de pequesanos En el transcurso del tiempo que carga la pรกgina saldrรก una animaciรณn de Vitaprรณn rodeado de iconos a su al rededor girando 365ยบ sin parar.
49
www.pequesanos.es
48
Ventana emergente
Manual de identidad de Pequesanos
Web de pequesanos Se utilizan varias ventanas emergentes, en este caso su disposición será siempre en el ángulo superior derecho. Con una medida de 728 x 591 píxeles.
51
www.pequesanos.es
50
Banner
Manual de identidad de Pequesanos
Web de pequesanos Ejemplo del banner animado en una página web de nutrición. Primero saldría en forma de máscara partiendo desde la izquierda hasta la derecha, la franja del texto es el eslogan de campaña: “acción+nutrición=diversión” con la cabeza del personaje hasta pararse y seguidamente aparece el bocadillo que dice “ www.pequesanos.es ”, el cual es un enlace a la página web de pequesanos. Al principio es de color naranja y finaliza con el cambio al color azul cian. Las medidas del banner son de 600 x 160 píxeles, llamado rascacielos en horizontal.
53
www.pequesanos.es
52
Soportes publicitarios
55 54
Soportes Campañ publicitarios publicitari La campaña publicitaria se compone de un evento en los colegios para presentar la página web y al personaje Vitaprón. Se añade en el manual de normas gráficas puesto que, no es temporal si no a largo plazo. El diseño de la carpa vale para todas las concentraciones que se realicen de actividades deportivas, sobre alimentación... Se presenta el cartel, el díptico y el totem para la campaña. Los carteles irán cambiando en función de la actividad que se haga en ese momento, el primero será para presentar el evento por lo que se puede seguir con el mismo estilo para cualquier soporte.
57
www.pequesanos.es
56
Cartel
te
i
i nv
ta
m
os
a
m
er
en
da
)
r:
¿ Quieres ser un
PEQUESANO? acción + nutrición = diversión
SABADO 2 ABRIL 2012 en la plaza publica de TU CIUDAD 17:00 h. Presetación de Vitaprón y su web de PEQUESANOS 18:00 h. Merienda gratis y castillo hinchable de Vitaprón. 19:00 h. ¡Movemos el esqueleto con Vitaprón!
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
www.pequesanos.es
Pequesanos es una web de nutrición y deporte para los peques. Aprenderán a ser una persona sana y deportista con su amigo Vitaprón.
Manual de identidad de Pequesanos
Soportes Campañ publicitarios publicitari El cartel para promocionar el evento es de un tamaño DIN A3, con un troquelado en la parte inferior. El logotipo se ubica en la parte inferior junto al código QR.
59
www.pequesanos.es
58
Folleto informativo
Manual de identidad de Pequesanos
Soportes Campañ publicitarios publicitari El folleto es de tamaño DIN A5, con un troquelado del personaje. El logotipo se sitúa en la parte trasera.
61
www.pequesanos.es
60
ampaña Totem ublicitaria
800mm
te
in
vi
ta
m
os
a
m
er
en
da
30mm
)
r:
18:00 h. Presetación de Vitaprón y su web de PEQUESANOS 19:00 h. Merienda gratis y castillo hinchable de Vitaprón. 17:00 h. ¡Movemos el esqueleto con Vitaprón!
¿ Quieres ser un
PEQUESANO?
1070mm
acción + nutrición = diversión
www.pequesanos.es
150mm
Manual de identidad de Pequesanos
Soportes Campa単 publicitarios publicitari Totem de lona de pvc con soporte de aluminio para la entrada de la carpa. Tiene un tama単o de 800 mm de ancho por 1000 mm de alto por 30 mm de ancho de perfil y soporte de 150 mm de ancho.
63
www.pequesanos.es
62
Totem Vitapr贸n
Manual de identidad de Pequesanos
Soportes Campa帽 publicitarios publicitari Totem personalizado de Vitapr贸n, de cart贸n duro reciclado, para ponerlo en la entrada al evento. Su tama帽o es de 1000 mm de alto por 800 mm de ancho.
65
www.pequesanos.es
64
Totem mesa mostrador
Manual de identidad de Pequesanos
Soportes Campañ publicitarios publicitari Ejemplo de totem de cartón duro reciclado cuya función es una mesa mostrador de información para el público. Se sitúa en la entrada de la puerta de la carpa, al lado del totem vertical con soporte de aluminio. Su tamaño es de 1000 mm de alto por 620 mm de ancho, con una mesa de 350 mm por 600 mm. para poder atender mejor al público.
67
www.pequesanos.es
66
Uniforme del personal
Manual de identidad de Pequesanos
Soportes Campañ publicitarios publicitari Para el personal del evento se han diseñado unas camisetas y una gorra, para su rápida localización. Las camisetas del ejemplo son de chico, pero serán igual para las chicas. Se utiliza el cian para el color de la camiseta, en la parte frontal lleva el logotipo en el lado izquierdo del pecho y en la parte de atrás se ubica el personaje en grande y la dirección de la página web para que la gente la vea contínuamente en todas partes.
69
www.pequesanos.es
68
Redes sociales
Manual de identidad de Pequesanos
Soportes Campañ publicitarios publicitari Las redes sociales son hoy día un reclamo publicitario muy importante para llegar a todas las personas, por lo que se ha realizado una cuenta en facebook con el perfil de Vitaprón. Esta página la lleva un comunity manager y está actualizada siempre. Los únicos temas que puede tratar son de alimentación y deporte.
71
www.pequesanos.es
70
Yumai Herrero Megía © Febrero 2012