Description
Manual de Imagen Corporativa
¿Qué es la Imagen Corporativa? Es el conjunto de características visuales que nos definen. Nuestro logotipo, el diseño de nuestros productos, todos los elementos gráficos y físicos para crear la impresión ideal en nuestros clientes; seguridad, calidez, confianza, respaldo, atención, entre otros. Así como generar un gran sentido de pertenencia en nuestro equipo. Es la forma de decir a lo demás que somos únicos, mostrar quiénes somos y cómo resolvemos los problemas. Es transmitir a través de nuestra marca, los valores que nos identifican. Si tienes dudas acerca de este manual u otros aspectos relacionados con la imagen de la marca, contacta al equipo de Comunicación Corporativa. Descarga nuestros logotipos y plantillas editables en la siguiente liga: www.pordefinir.com.mx
2
Manual de Imagen Corporativa
El trazo del icono Q de nuestro imagotipo se obtuvo a partir de guías, aquí mostradas en rojo, para lograr su apariencia armónica y equilibrada, es por esto que no deberá ser modificado en ningún momento, para asegurarte de que sea el original, descárgarlo por medio de este manual o solicítalo al equipo de Comunicación Corporativa de Quálitas.
3
ÍNDICE Imagotipo y Logotipo
4
6
Camino Q
26
Proporciones y área de protección
8
Diseño de tablas y gráficas
30
Tamaños mínimos
9
Infografía
33
Usos correctos
10
Papelería
34
Usos prohibidos
12
Portapólizas
38
Colores primarios
14
Formatos institucionales
40
Colores secundarios, gradientes y terciarios
15
Firma institucional
46
Colores por segmento
17
Señalización
47
Tipografía
18
Placa metálica de Logotipo para Oficinas
48
Estilo iconográfico
21
Placa de misión, visión y valores
49
Manual de Imagen Corporativa
Qualicoches
50
Sitio Conducta Vial
65
Reglas básicas para promocionales
52
Q Móvil
66
Tarjetones de estacionamiento
54
Ejemplos de aplicaciones en impresos y digitales
67
Ropa para ajustadores y Oficinas en Desarrollo Quálitas
56
Cortinillas para video
69
Credenciales de acceso empleados/visitantes
58
Animación
70
Template para Power Point
60
Ejemplo de personajes
71
61
Súper de nombre
72
Imagen para Facebook
63
Lineamientos de uso de Quali
73
Sitio Web
64
Convivencia de marcas
5
Imagotipo Vertical
Imagotipo Horizontal
6
Manual de Imagen Corporativa
Logotipo (Letragrama)
¿Cuál es la diferencia entre imagotipo y logotipo? Un imagotipo es un conjunto icónico-textual en el que texto y símbolo se encuentran claramente diferenciados e incluso pueden funcionar por separado, como lo es el caso de nuestro icono Q y el texto Quálitas. Un logotipo (letragrama), como el nuestro, es la composición tipográfica que forma el nombre de la compañía. El uso del imagotipo en vertical u horizontal, deberá definirse de acuerdo al formato utilizado y el espacio que exista para el mismo. Siempre que deba ir centrado, deberá utilizarse la versión vertical. Todos los documentos oficiales, como pólizas, deberán utilizar el imagotipo. El uso del logotipo (letragrama), es menos común, este es permitido únicamente para materiales internos o promocionales donde las técnicas de impresión limiten una buena reproducción del imagotipo. Por ejemplo, los Qualicoches y algunas prendas promocionales.
7
Proporciones
Tamaño de X Para el imagotipo vertical, la referencia de proporción (X) es la medida de la mitad del círculo de la letra Q. El área de protección, corresponde a 2 veces X en posición horizontal. En el imagotipo horizontal, se utiliza el valor de X así como la letra U de Quálitas para definir la proporción, el área de protección mínima corresponde a 2 veces X. Para el logotipo, de la misma forma, el área de protección corresponde a 2 veces X. Es muy importante que ningún elemento como textos, íconos u otros logos, sobrepase el área de protección aquí definida. Esto con la finalidad de no generar ruido visual en la lectura de nuestro logotipo y mantener respeto a la marca.
8
Manual de Imagen Corporativa
Tamaño mínimo
0.8 cm
0.8 cm
0.6 cm
¿Por qué existe un tamaño mínimo? El tamaño mínimo, tiene como finalidad evitar una reproducción impresa de nuestro imagotipo o logo con mala visibilidad o ilegible. En el caso de archivos digitales, es indispensable tomar en cuenta la resolución ya que de esta dependerá el tamaño en pixeles y deberá de ser una proporción similar a la mostrada en este apartado.
9
Usos correctos según el fondo
Preferir siempre que sea posible el uso del imagotipo en su versión original.
Para productos en monotono a color, se deberá utilizar el imagotipo en morado.
Cuando sea necesario, el logotipo podrá calarse en blanco, preferir siempre colores primarios o secundarios como fondo.
10
Manual de Imagen Corporativa
Para documentos legales, copias, contratos, entre otros impresos a una tinta (negro) queda permitido el uso del imagotipo en negro, del 100% al 60% de la tinta.
Si un fondo es fotográfico, texturizado o de vectores, entre otros similares; deberá utilizarse el imagotipo calado cuando este permita una mejor lectura. En fondos sutiles, podrá permanecer el uso del color original.
11
Usos prohibidos
Invertir los colores corporativos en el imagotipo.
Deformar el imagotipo parcial o totalmente.
12
Cambiar los colores parcial o totalmente, sin importar si lucen similares.
Modificar el orden, proporciones o estructura del imagotipo.
Modificar el eslogan por otro o por algún texto secundario adicional.
Manual de Imagen Corporativa
Mal contraste entre imagotipo y fondo.
Fondos extravagantes.
Fondos de colores fuera de los corporativos y que pudieran recordar a la competencia.
Regresar al imagotipo anterior por más tiempo del requerido por la transición de la marca.
13
Colores primarios
MORADO QUÁLITAS
AQUA QUÁLITAS
PANTONE 254 C HEX 941B80
PANTONE 321 C HEX 0096AE
C: 50 M: 100 Y: 0 K: 0
C: 100 M: 0 Y: 30 K: 5
R: 148 G: 28 B: 128
R: 0 G: 150 B: 173
NEGRO 100% hasta 80% PANTONE BLACK C C: 0 R: M: 0 G: Y: 0 B: K: 100
Son los colores institucionales de Quálitas, por ningún motivo deberán ser modificados. El color negro (100% hasta 80%) debe ser utilizado en textos de documentos oficiales y legales como contratos y pólizas.
14
Manual de Imagen Corporativa
Colores secundarios
PANTONE 254 C HEX 941B80
PANTONE 254 C HEX 941B80
PANTONE 7751 C HEX C3A454
PANTONE 5435 C HEX 941B80
C: 64 M: 100 Y: 0 K: 14
C: 100 M: 0 Y: 9 K: 40
C: 24 M: 27 Y: 74 K: 8
C: 37 M: 18 Y: 21 K: 2
R: 111 G: 28 B: 117
R: 0 G: 111 B: 149
R: 195 G: 169 B: 84
R: 172 G: 189 B: 195
Gradientes
Los colores secundarios y gradientes son la principal paleta de apoyo para el diseño de materiales de comunicación, su uso nunca deberá dominar sobre los colores primarios.
15
Colores terciarios
PANTONE 7699 C HEX 33647E
PANTONE 555 C HEX 2A7050
PANTONE 3278 C HEX 009877
PANTONE 632 C HEX 0091B3
C: 82 M: 48 Y: 33 K: 19
C: 82 M: 32 Y: 74 K: 21
C: 98 M: 2 Y: 65 K: 0
C: 89 M: 18 Y: 23 K: 3
R: 51 G: 100 B: 126
R: 42 G: 112 B: 80
R: 0 G: 152 B: 119
R: 0 G: 145 B: 179
PANTONE 269 C HEX 522D6D
PANTONE 266 C HEX 702DB3
PANTONE 2655 C HEX 9578D3
PANTONE 2705 C HEX A7A4DF
C: 81 M: 95 Y: 22 K: 11
C: 74 M: 80 Y: 0 K: 0
C: 52 M: 57 Y: 0 K: 0
C: 40 M: 37 Y: 0 K: 0
R: 82 G: 45 B: 109
R: 119 G: 61 B: 189
R: 149 G: 120 B: 211
R: 167 G: 164 B: 223
PANTONE 702 C HEX D65D72
PANTONE 2375 C HEX 2E4D2E
PANTONE 701 C HEX E88697
PANTONE 156 C HEX F2BC73
C: 11 M: 75 Y: 39 K: 2
C: 20 M: 62 Y: 0 K: 0
C: 5 M: 60 Y: 25 K: 0
C: 5 M: 30 Y: 57 K: 0
R: 214 G: 93 B: 114
R: 229 G: 119 B: 203
R: 232 G: 134 B: 151
R: 242 G: 188 B: 115
¿Cuándo podré utilizarlos?
16
Es una paleta complementaria que puede ser utilizada para generar categorías, menús, logotipos secundarios de apoyo a la marca, entre otros que requieran una gama más amplia de tonalidades. Son los colores con los cuales la marca Quálitas podría acompañarse cómodamente, pero nunca deben sustituir el uso de las paletas primaria o secundaria ni dominar en algún material.
Manual de Imagen Corporativa
Colores por segmento
PANTONE 350 C HEX 2E4D2E C: 82 M: 42 Y: 81 K: 44
R: 86 G: 46 B: 115
AUTOS
PANTONE 350 C HEX 2E4D2E C: 82 M: 42 Y: 81 K: 44
R: 170 G: 170 B: 242
TURÍSTICOS
PANTONE 350 C HEX 2E4D2E C: 82 M: 42 Y: 81 K: 44
R: 46 G: 109 B: 115
MOTOS
PANTONE 555 C HEX 2E4D2E C: 82 M: 32 Y: 74 K: 21
R: 46 G: 115 B: 69
CAMIONES
PANTONE 350 C HEX 2E4D2E C: 82 M: 42 Y: 81 K: 44
R: 242 G: 188 B: 170
PICK UPS
PANTONE 3262 C HEX 2E4D2E C: 85 M: 0 Y: 39 K: 0
R: 45 G: 179 B: 179
SERVICIO PÚBLICO
Para materiales que requieran distinción por segmentos, estos podrán ser diferenciados por medio de iconografía y color. Es importante considerar que estos colores serán únicamente un distintivo y no deben dominar en el diseño del material.
17
Tipografía primaria
Gotham Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll MmNn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Variantes: Book Book Italic Medium Medium Italic Bold Bold Italic Black 18
La tipografía primaria deberá ser utilizada en todos los materiales internos, comerciales, publicitarios o promocionales.
Manual de Imagen Corporativa
Tipografía secundaria
Century Gothic Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll MmNn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Variantes: Book Book Italic Bold Bold italic
La tipografía secundaria deberá ser utilizada en todos los programas (Word, Power Point, Excel, entre otros) y computadoras que no puedan tener acceso a la tipografía primaria.
19
Tipografía para textos legales y online
Arial Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll MmNn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 Variantes: Book Book Italic Bold Bold Italic
20
Arial deberá utilizarse para textos de carácter legal así como plataformas digitales, presentaciones, sitios web, banners o aplicaciones; podrá ser utilizada en otros colores de las paletas corporativas.
Manual de Imagen Corporativa
Estilo iconográfico
21
Estilo iconográfico
La iconografía lineal brinda un aspecto limpio y moderno, puedes descargar nuestros íconos en www.pordefinir.com.mx o, generar los propios, mientras estos mantengan el estilo aquí mostrado.
22
Manual de Imagen Corporativa
Estilo fotográfico
Recuerda siempre utilizar fotografías en la resolución adecuada, no pixeladas, con escenas naturales, que cuenten una historia detrás y no de aspecto posado; procurando mostrar el lado positivo de la situación.
23
Para lograr una mayor personalización de las fotografías descargadas de bancos de imágenes, será necesario aplicar los siguientes pasos en Adobe Photoshop:
1. Reducir la intensidad de la imagen original en un 25% y la saturación en un 5%.
Colocar un filtro de color morado Quálitas sobre la capa de la fotografía que vaya del 100% al 0% del color.
Utilizar el efecto de transparencia “sobreexposición lineal” en el filtro y reducir su opacidad a un máximo de 50%.
Podrás modificar los niveles u otros ajustes de la imagen a tu consideración para lograr el mejor resultado.
24
Manual de Imagen Corporativa
Otros ejemplos
Es importante tomar en cuenta el aspecto común de las personas y la vida en donde se publicará el arte, por lo que se deberá evitar normalmente; personas orientales, conductores del lado derecho, entre otras.
25
Camino Q Camino Q es un nuevo elemento de nuestra identidad, será utilizado para unificar los distintos materiales gráficos tanto internos como externos, su tamaño puede ser modificado de acuerdo al diseño de cada material, se permite su uso en los colores y gradientes corporativos. Deberá utilizarse siempre en la parte inferior. Su diseño surge a partir del descendente de la Q de nuestro ícono.
Conceptos que representa: • Acompañamiento • Camino seguro • Futuro • Respaldo • Equipo
El color podrá ser sólido o gradiente, únicamente con los colores primarios.
26
Manual de Imagen Corporativa
1 Conservar siempre los 13 cuadros en fila que hacen referencia al imagotipo.
2
¿Cómo aplicarlo? Utiliza las intersecciones de tu fondo con la curva descendente de nuestro ícono Q.
27
Posición del imagotipo al utilizar Camino Q
Opción 2 Imagotipo vertical arriba (der.)
Opción 1 Imagotipo horizontal arriba (izq.)
Opción 3 Imagotipo horizontal o vertical abajo
28
Manual de Imagen Corporativa
Ejemplos de uso Ejemplo 1
Como encuadre
Ejemplo 2
Imagen dentro de Camino Q
29
Estilo de gráficas (programas de diseño)
30
Las tablas y gráficas podrán utilizar la paleta de colores terciaria para categorizar la información, sin embargo, deberán dominar siempre las paletas primaria y secundaria. Es importante que tengan un aspecto limpio que invite a leerlas y comprenderlas.
Manual de Imagen Corporativa
Estilo de gráficas para Power Point
31
Estilo de tablas
Deberá tomarse en cuenta siempre un aspecto limpio y que invite a un buen flujo de lectura, puede utilizarse la paleta de colores terciaria, pero deberán dominar siempre las paletas primaria y secundaria.
32
Manual de Imagen Corporativa
Estilo infográfico
33
Papelería | Tarjeta de presentación
La papelería es ahora más moderna tomando como referencia distintos encuadres de Camino Q. Haz clic aquí para descargar los templetes de los distintos materiales disponibles.
34
Manual de Imagen Corporativa
Papelería | Hoja membretada
35
Papelería | Sobre de Correspondencia Interna
1 tinta, Pantone 254 C
36
Camino Q
Manual de Imagen Corporativa
37
Portapólizas
Nombre de segmento en su color
Icono en color del segmento
Camino Q
38
Manual de Imagen Corporativa
Portapólizas | Vista previa
39
Formatos institucionales
Solicitud de Seguro para Automóviles y Camionetas hasta 2 1/2 Toneladas para Uso Personal y Motocicletas
Tipografía Arial
Pleca tipo pestaña con nombre del formato
Pantone 254 C
Pantone 321 C
40
Manual de Imagen Corporativa
Formatos institucionales
Solicitud de Seguro Pick-Up Uso Carga, Camiones, Tractocamiones y Autobuses
Pleca tipo pestaña con nombre del formato
Pantone 321 C
Pantone 254 C
Tipografía Arial
41
Formatos institucionales
Inventario Único de Automóviles Pleca tipo pestaña con nombre del formato
Pantone 321 C
Tipografía Arial
Pantone 254 C
42
Con 3 copias adicionales a una tinta, Pantone 254 C.
Manual de Imagen Corporativa
Formatos institucionales Servicio de Grúa
Pleca tipo pestaña con nombre del formato
Pantone 321 C
Pantone 254 C
Tipografía Arial
Con 1 copia adicional a una tinta, Pantone 254 C.
43
Formatos institucionales Pase Médico
Pleca tipo pestaña con nombre del formato
Pantone 321 C
Pantone 254 C
Tipografía Arial
Con 1 copia adicional a una tinta, Pantone 254 C.
44
Manual de Imagen Corporativa
Formatos institucionales Ejemplo de copia
Todas las copias anexadas a formatos institucionales se imprimen a una tinta, Pantone 254 C.
Deberá indicarse que es una copia y para quién será su uso
45
Firma corporativa digital Nombre Gotham Medium 14 pts.
Correo Gotham Medium 10 pts.
46
Puesto Gotham Light 9 pts.
Dirección Gotham Light 9 pts.
Manual de Imagen Corporativa
Señalización
Baño
Baño
NO
Salida de
H
Fumar
M
emergencia
Deberán imprimirse en Morado Quálitas o Aqua Quálitas en un tamaño legible a 3 metros. Haz clic aquí para descargar otras opciones de señalización.
47
Placa metálica para oficinas
Descarga el archivo del logotipo y la silueta de la placa editables haciendo clic aquí.
48
Manual de Imagen Corporativa
Placa metálica Misión, Visión y Valores
49
49
Qualicoche híbrido | Vista previa
Para autos híbridos Prius C, se utilizará como fondo el color Aqua Quálitas con el cofre y toldo en Morado Quálitas, así como el trazo de Camino Q en los laterales. Deberán colocarse el imagotipo vertical en el cofre, el logotipo (letragrama) en los laterales y el distintivo ecológico en vinil blanco.
50
Manual de Imagen Corporativa
Qualicoche | Otros autos
Qualicoche | Hatchback
Para otros autos en general, se utilizará como fondo el color Aqua Quálitas con el cofre en Morado Quálitas, así como el trazo de Camino Q en los laterales. Deberán colocarse el imagotipo vertical en el cofre y el logotipo (letragrama) en los laterales.
51
Reglas básicas para promocionales
Nota: En algunas aplicaciones, cuando los 13 puntos de Camino Q puedan ser difíciles de reproducir, se podrá optar por colocarlos en mayor tamaño a lo largo del mismo.
Preferir siempre que sea posible la impresión del logo en sus dos colores, como segunda opción, Morado Quálitas, y tercera opción, en negro o gris. Si la aplicación lo permite, incluir Camino Q como elemento de identidad.
52
Manual de Imagen Corporativa
Dar preferencia a colores cercanos a los corporativos para materiales plásticos; en materiales metálicos, el imagotipo podrá ser impreso en color o grabado, utilizar siempre la versión de logo que más se adecúe al formato (vertical u horizontal).
53
Tarjetón de estacionamiento
54
Manual de Imagen Corporativa
55
Ropa para Ajustadores y Oficinas en Desarrollo
El imagotipo en versión vertical deberá bordarse en el frente y las mangas, se propone el eslogan y el imagotipo horizontal para la espalda, en caso de ser posible, la prenda podrá tener algún detalle en los colores corporativos.
56
Manual de Imagen Corporativa
Para prendas formales como corbatas, se recomienda el uso del ícono Q de nuestro imagotipo como textura. En prendas informales, como gorras, se recomienda el uso de color Morado Quálitas para dar mayor presencia de marca.
57
Credencial de acceso para empleados
58
Manual de Imagen Corporativa
Gafete para Visitantes
59
Template para Power Point
Portada
Interior
60
Manual de Imagen Corporativa
Convivencia de marcas Ejemplo
Pleca blanca sustituye a corte derecho de Camino Q 50% de la altura de logo de Quálitas
Cuando Quálitas cumple la función de marca principal, deberán aplicar las reglas mostradas en este manual, remplazando únicamente el corte inferior derecho de Camino Q por una pleca, dando así espacio a las marcas que acompañan.
61
Convivencia de marcas
Formato Institucional Ejemplo
Cuando la convivencia con otras marcas se dé en un formato institucional, el imagotipo de Quálitas deberá conservar su posición en el lado superior izquierdo, las marcas invitadas se colocarán en una pleca blanca en la parte inferior del documento y del lado derecho, con una altura del 50% de la utilizada para el imagotipo de Quálitas.
62
Manual de Imagen Corporativa
Redes Sociales | Facebook
Oficial
ODS
ODQs
63
Sitio Web Quálitas
Navegador tipo pestaña
Barra flotante
Carrusel
Botones más modernos
Manual de Imagen Corporativa
Sitio Conducta Vial Quálitas
65
Aplicación Q Móvil
Camino Q
66
Manual de Imagen Corporativa
Ejemplo de aplicación de marca | Postal
67
Ejemplo de aplicación de marca | Boletín
68
Manual de Imagen Corporativa
Cortinillas de Video
Esta cortinilla de entrada y salida deberá ser utilizada en los videos corporativos de la marca, descarga el mp4 en su versión aqua y versión morada.
69
Animación
HEX 941B80
HEX 0096AE
HEX FFFFFF
HEX 941B80
HEX 941B80
HEX 941B80
Fondos
Elementos
La animación deberá ser limpia, siempre deberán dominar los colores primarios y secundarios de Quálitas, podrá utilizarse el estilo iconográfico lineal o imágenes en perspectiva, se recomienda utilizar tipografía Gotham y el uso de Quali para un toque cercano y amigable.
70
Manual de Imagen Corporativa
Ejemplo de personajes para cursos en línea
Los personajes deben tener aspecto ejecutivo, mostrar detalles de la marca en algunos elementos cuando sea necesario y tener expresiones sencillas de animar en caso necesario.
71
Súper de nombre en videos corporativos Ícono Q Nombre
Puesto
Descarga el archivo editable para Adobe After Effects
72
Nombre del video
Manual de Imagen Corporativa
Quali
Descarga las distintas posiciones de Quali. El uso de nuestro personaje está permitido para materiales promocionales externos únicamente con su vestimenta original (guantes y zapatos), se permiten accesorios como llaves, banderines, autos o elementos de tránsito. Para uso interno, se permite el uso de accesorios relacionados a los eventos o información comunicados (Ej: festividades, alcancías, extintor, etc).
73
Si tienes dudas acerca de este manual u otros aspectos relacionados con la imagen de la marca, contacta al equipo de Comunicación Corporativa. Descarga nuestros logotipos y plantillas editables en la siguiente liga: www.pordefinir.com.mx
View more...
Comments
