Guía de identidad visual corporativa Introducción Guía de identidad visual corporativa 1 Thinking and making the future 2 Introducción Guía de identidad visual corporativa Índice INTRODUCCIÓN.............................................................................................................. 4 1 LOGOTIPO.................................................................................................................... 6 1.1 Presentación Logotipo....................................................................................................................9 1.2 Espacios vacíos................................................................................................................................10 1.3 Tamaño mínimo................................................................................................................................10 1.4 Logotipos alternativos.....................................................................................................................11 1.5 Uso con fondos................................................................................................................................12 1.6 Usos incorrectos...............................................................................................................................13 1.7 Logotipos de filiales..........................................................................................................................14 1.7 Logotipos sectores...........................................................................................................................15 1.8 Logotipos microsites y entes relacionados...................................................................................17 2 COLOR......................................................................................................................... 18 2.1 Colores primarios.............................................................................................................................21 2.2 Colores secundarios........................................................................................................................22 2.3 Ejemplos de aplicación .................................................................................................................23 3 TIPOGRAFÍA.................................................................................................................. 24 3.1 Tipografía logotipo..........................................................................................................................27 3.2 Tipografías contenido.....................................................................................................................28 3.3 Esquema básico de jerarquías.......................................................................................................29 3.4 Normas tipográficas........................................................................................................................29 4 ELEMENTOS GRÁFICOS............................................................................................... 30 4.1 Presentación elementos gráficos...................................................................................................33 4.2 Presentaciones Power Point............................................................................................................34 4.3 Cartas Microsoft Word.....................................................................................................................35 4.4 Tarjetas personales...........................................................................................................................36 4.5 CDs.....................................................................................................................................................36 4.6 Firma de correo electrónico...........................................................................................................37 5 IMÁGENES.................................................................................................................... 38 5.1 Presentación imágenes...................................................................................................................41 5.2 Imágenes Doble Exposición...........................................................................................................42 5.3 Otras imágenes.................................................................................................................................43 5.4 Uso incorrecto de imágenes...........................................................................................................44 5.5 Ejemplos de aplicación...................................................................................................................45 Introducción Guía de identidad visual corporativa 3 Introducción Grupo Oesía es más que una compañía. Es una forma de trabajar que identifica a los casi 2400 empleados que formamos parte de ella. Y por eso, es fundamental contar con instrumentos visuales que permitan diferenciarnos de otras empresas. La identidad corporativa es lo que le permite a una marca ser reconocida por los clientes. Y es por ello que hemos recogido en este Manual de identidad visual nuestro sello diferenciador: Nuestro Estilo. Nada está dejado al azar en nuestra imagen, al igual que nada lo está en los cientos de proyectos que lideramos en todo el mundo. Por eso, es fundamental que esta nueva etapa de crecimiento y consolidación del Grupo cuente con una imagen renovada que potencie nuestras fortalezas. Este manual incorpora todo lo relativo a identidad visual y papelería corporativa así como los elementos de comunicación que soportan los diseños de la empresa. Ha sido realizado por expertos en Diseño que forman parte de la plantilla del Grupo y conocen en profundidad su Historia, Negocio y Evolución. ¿Quieres saber más? Ante cualquier duda, puedes ponerte en contacto con nosotros en [email protected] El diseño es el embajador silencioso de una marca. - Paul Rand Diseñador gráfico estadounidense miembro del New York Art Directors Club Hall of Fame 6 Introducción Guía de identidad visual corporativa LOGOTIPO Introducción Guía de identidad visual corporativa 7 Logotipo GLOBAL del grupo: Logotipos filiales del grupo: 1 LOGOTIPO 1.1. Presentación Logotipo El rediseño de la imagen corporativa del Grupo Oesía parte, al igual que la etapa de cambio interno del grupo, de una base solida y basada en la experiencia y la tradición: los logotipos antiguos que tenían tanto el Grupo como sus empresas filiales. Logotipos antiguos del grupo El logotipo actual, fue creado como se puede ver en la imagen inferior, a partir del diamante que formaba parte del logotipo de la empresa Tecnobit(1). A partir de este recurso gráfico, se intentó dotar de modernidad, dinamismo y agilidad a la imagen del Grupo, llevando a cabo las siguientes acciones de diseño: limpieza del logo(2), movimiento del centro de la imagen hacia el noreste (futuro, crecimiento, desarrollo)(3), estilizando la figura central(4), eliminando el resto de componentes(5), ofreciendo a la marca de un color moderno y reconocible y por último añadiendo un brillo para añdirle ligereza(6). 1 2 3 4 5 6 Noreste 9 1.2 Espacios vacíos Son espacios vacíos al area necesaria alrededor de nuestro logotipo que tiene que estar libre de otros elementos gráficos como títulos, clamings, textos y toda la variedad de elementos que acompañarán al logo en todas sus composiciones y diseños. El mínimo de espacio vacío reservado está definido con la medida X, donde X es del tamaño de la O inicial de la palabra Oesía. X/2 X/2 X X X X 1.3 Tamaño mínimo El tamaño mínimo del logotipo de Oesía está estimado en 3cm x 1,7cm para los materiales impresos o de 85px x 48px para materiales online. El objetivo de esta medida mínima standard es mantener intacta la integridad y legibilidad del logotipo. Concretamente, al no respetar este tamaño mínimo, la palabra “Grupo” bajaría del tamaño de tipografía de 6pt (mínimo estimado para la lectura por parte del ojo humano). Es por ello, que cuando se baje de este tamaño porque las circunstancias lo requieran, se deberá eliminar la palabra “Grupo” del logotipo. 10 Tamaño mínimo 3cm (85px) 1,7cm (48px) Logotipo Guía de identidad visual corporativa 1.4 Logotipos alternativos El logotipo original del grupo descrito en el apartado 1.1 debe ser siempre la primera opción para la representación de la marca del grupo. Los logotipos que a continuación presentamos sólo seran utilizados en los casos excepcionales descritos junto a cada imagen. a) Logotipo blanco El logotipo en blanco será usado únicamente sobre colores sólidos o sobre imagen en color. Ver punto 1.5 Uso de Logotipo con fondos b) Logotipo blanco y negro El logotipo en blanco y negro será utilizado para todas aquellas publicaciones que tengan como fín ser reproducidas en materiales impresos en blanco y negro. Ejemplo: publicidad en prensa, materiales internos de la empresa con mucho contenido, impresiones de materiales a gran escala, etc... 40% de negro 75% de negro 85% de negro c) Logotipo monocromático El logotipo monocromático (como su propio nombre lo indica) será usado en las ocasiones en las cuales sólo se pueda utilizar una tinta. Ejemplos: sellos, vinilos a una única tinta, etc... Logotipo Guía de identidad visual corporativa 85% de negro 11 1.5 Uso con fondos del logotipo El empleo del logotipo en color blanco sobre fondos de diferentes colores ayuda a construir un óptimo reconocimiento de nuestra marca. Asegura a la vez que nuestro logotipo se vea correctamente y mantenga el impacto de nuestra imagen, al igual que su legibilidad. Sobre colores corporativos: Sobre imagenes: Usos incorrectos con fondos El logotipo primario sólo será utilizado en fondos blancos puros, o sobre colores que no excedan un 30% de negro en su composición. El logotipo en blanco no deberá estar presente nunca sobre estos colores, con el objetivo de preservar el contraste suficiente para su correcta legibilidad. Los logotipos en blanco y negro y en formato monocromomático, no deberán ser usados nunca en fondos de color ni en fondos de imagen. 12 Logotipo Guía de identidad visual corporativa 1.6 Usos incorrectos del logotipo Cualquier modificación sobre nuestro logotipo puede alterar su significado, disminuir su impacto y perder su reconocimiento de marca por parte de los usuarios. Las alteraciones no estan permitidas ya que este logotipo ha sido creado para adaptarse a cualquier uso que se le quiera dar por parte del usuario. El objetivo de esta lista de usos incorrectos es el de mantener intacta la integridad de la imagen de marca: oesia NO la tipografía oficial ni deformar el NO estrechar logotipo de ninguna manera NO circunstancia el color NO cambiar sin criterio alguno NO logotipo en imagenes de fondo NO usar que dificulten la visibilidad redibujar ni cambiar rotar el logotipo bajo ninguna añadir elementos gráficos al Logotipo Guía de identidad visual corporativa principal 13 1.7 Logotipos de las filiales La fuerza de un Grupo se determina por la unión de todos sus elementos, y en el aspecto visual esto es esencial. Es por ello que cada logotipo de empresa filial del Grupo Oesía ha sido rediseñado siguiendo las mismas especificaciones que el logotipo del propio grupo. Todas las normas descritas en los capítulos anteriores sobre el uso del logotipo del Grupo, son aplicables en toda su extensión a todos los logotipos presentados. a) Tecnobit 14 Logotipo Guía de identidad visual corporativa b) IA Soft c) Rustcon Logotipo Guía de identidad visual corporativa 15 1.7 Logotipo sectores El Grupo Oesía divide sus áreas de negocios en sectores a los cuales provee de servicios. Para todos ellos, se ha desarrollado este tipo de adaptación del logotipo: X/2 X/2 NOMBRE SECTOR X X Tipografía: Century Gothic Siempre en mayúsculas X X X X Ejemplos Oesía en positivo: SANIDAD ADMINISTRACIÓN PÚBLICA BANCA Y SEGUROS Ejemplos Oesía en negativo sobre colores primarios: INDUSTRIA 16 INGENIERÍA Logotipo Guía de identidad visual corporativa 1.8 Logotipos microsites y entes relacionados Además de los sectores, el Grupo Oesía tiene una serie de marcas propias para muchos proyectos de diversa índole esenciales dentro del Plan del propio Grupo. Estos proyectos necesitan una imagen propia, ya que en muchos casos se presentaran como un ente independiente y su imagen ha de estar vinculada en todo momento al Grupo. A continuación detallamos como integrar dichos logos con el logotipo primario del grupo: X/2 X Logotipo microsite o ente X X X X X X Ejemplo Microsite Responsabilidad Social Corporativa: Otros ejemplos de microsites independientes Oesía: Logotipo Guía de identidad visual corporativa 17 ¡El color! Qué profundo y misterioso lenguaje, el lenguaje de los sueños. - Paul Gauguin Pintor francés posimpresionista del siglo XIX 18 Introducción Guía de identidad visual corporativa COLOR Introducción Guía de identidad visual corporativa 19 2 COLOR El color crea reconocimimento de nuestra marca a través de todas nuestras comunicaciones corporativas: externas e internas. Tarjetas, presentaciones y todas las comunicaciones online del grupo: el color tiene que ser representativo del Grupo Oesía. Un color (al igual que el Grupo) moderno, atrevido, innovador con fuerza y personalidad. Un color que desea transmitir los valores corporativos: compriomiso, transpariencia, confianza y liderazgo. 2.1. Colores primarios PANTONE 7649 C 100% 80% 60% 40% 20% 10% PANTONE 7700 C 100% 80% 60% 40% 20% HEX: #7A1F5E HEX: #175e83 C: 53 M: 99 Y: 43 K: 2 C: 97 M: 64 Y: 38 K: 1 R: 122 G: 31 B: 94 R: 23 G: 94 B: 131 Color Guía de identidad visual corporativa 10% 21 2.2 Colores secundarios Además de los dos colores primarios ya presentados, el logotipo de Oesía necesita de otros tonos de color para poder subsistir en todos los medios y soportes sobre los que se va a difundir la imagen de la empresa. Por no mencionar que cuanto más grande sea la paleta de colores de Oesía, mayor será la variedad y la creatividad, y por lo tanto ayudará y agilizará la diversificación del logotipo. Colores secundarios (fondos y texto): HEX: #dadfe1 HEX: #372e2b HEX: #5f1443 C: 19 M: 11 Y: 12 K: 0 C: M: Y: K: C: M: Y: K: R: 218 G: 228 B: 225 Gris claro: uso de fondos y elementos en combinación con colores primarios. 61 64 64 64 R: 55 G: 46 B: 43 53 99 43 40 R: 95 G: 20 B: 67 Gris oscuro: uso en textos sobre fondo blanco o fondo claro. Primario oscuro: uso para elementos hover e interacciones en internet. HEX: #1abc9c C:73 M:0 Y:52 K:0 R:26 G:188 B:156 HEX: #e18206 C:10 M:57 Y:100 K:1 R:225 G:130 B:6 HEX: #8B1111 C:27 M:100 Y:100 K:31 R:139 G:17 B:17 HEX: #009fe5 C:73 M:23 Y:0 K:0 R:0 G:159 B:229 HEX: #a25895 C:40 M:78 Y:11 K:0 R:162 G:88 B:149 HEX: #7d7d7d C:53 M:44 Y:44 K:9 R:125 G:125 B:125 Paleta de colores secundarios: 22 Color Guía de identidad visual corporativa 2.3 Ejemplos de aplicación colores Tu formación es nuestro futuro. Tu aprendizaje, nuestra fuerza. Tu éxito, nuestro compromiso. Universidad corporativa Bienvenidos a Rivas Color Guía de identidad visual corporativa 23 La tipografía es el arte de juntar los caracteres para imprimir textos, formando palabras, líneas párrafos, páginas, historias y mensajes. - Fernand Baudin Diseñador y tipógrafo belga considerado como uno de los maestros de la composición tipográfica 24 Introducción Guía de identidad visual corporativa TIPOGRAFÍA Introducción Guía de identidad visual corporativa 25 Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt UuVv Ww Xx Yy Zz Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt UuVv Ww Xx 26 Yy Zz 3 TIPOGRAFÍA La tipografía es la la principal extrensión de la personalidad de la empresa, así como de la imagen coroporativa. Ella llevará nuestros mensajes a su destinatario, y la que represente todos nuestros valores y objetivos. Hemos elegido tipografías modernas y limpias, que nos ayudará a simplificar nuestras ideas y darles un look más acorde con los nuevos aires del Grupo. 3.1 Tipografía logotipo La tipografía utilizada para el logotipo es la familia Eras Demi ITC, y se utilizará en los logotipos principales de aplicaciones o microsites (nunca en el contenido). Eras Demi ITC ABCDEFGHIJKLMNÑOPQ RSTUVWXYZ abcdefghijklmnñopq rstuvwxyz 1234567890 .:,;`´+¡!¿?/*-><_Ejemplo de logotipo corporativo secundario realizado con Eras Demi ITC: Tipografía Guía de identidad visual corporativa 27 3.2 Tipografías contenido Llamamos tipografía de contenido a la familia tipográfica que debemos usar cuando se inserte texto plano en cualquier material del Grupo Oesía. Dentro de la tipografía corporativa del contenido, podemos distinguir dos familias que utilizaremos en situación diferentes, dependiendo del uso y del enfasis que se quiera dar el mensaje. Tipografía de contenido stándar: ABCDEFGHIJKLMNÑOPQ RSTUVWXYZ CENTURY GOTHIC abcdefghijklmnñopq rstuvwxyz 1234567890 .:,;`´+¡!¿?/*-><_- Tipografía de contenido resaltado en cursiva: ABCDEFGHIJKLMNÑOPQ RSTUVWXYZ Georgia italic abcdefghijklmnñopq rstuvwxyz 1234567890 .:,;`´+¡!¿?/*-><_- La tipografía Georgia fue creada en 1976, al igual que ITDeusto, una de las empresas que dieron lugar a la creación del Grupo Oesía. 28 Tipografía Guía de identidad visual corporativa 3.3 Esquema básico de jerarquías Dentro de los estílos tipográficos detallaremos los usos correctos e incorrectos de las familias tipograficas mencionadas anteriormente. 3 JERARQUÍA 3.1 Esquema básico de jerarquía 3.a) Esquema básico de jerarquía 3.a.1) Esquema básico de jerarquía Contenido texto plano Texto plano Contenido texto plano Texto plano Contenido texto plano Texto plano Contenido texto plano Texto plano Contenido texto plano Texto plano Contenido texto plano Texto plano 3.4 Normas tipográficas Dentro de las normas tipográficos detallaremos los usos correctos e incorrectos de las familias tipograficas que hemos detallado en los dos puntos anteriores. SI usar sólo las tipografías descritas en este manual colores que dificulten NO utilizar la legibilidad del texto SI el contenido tiene que estar siempre en formato “oración”. efectos enb la tipografía NO usar de contenido (sombras...) SI usar los estilos dentro de la misma fuente (negrita,cursiva..) más de tres tipos NO utilizar diferentes en un mismo doc SI seguir el esquema básico de jerarquia entre títulos y texto. efectos de texto como NO usar versalitas o tachados. Tipografía Guía de identidad visual corporativa 29 Debemos usar el tiempo sabiamente y darnos cuenta de que siempre es el momento oportuno para hacer las cosas bien. - Nelson Mandela Ex-presidente de Sudáfrica, bogado, activista contra el apartheid, político y filántropo sudafricano. 30 Introducción Guía de identidad visual corporativa ELEMENTOS GRÁFICOS Introducción Guía de identidad visual corporativa 31 4 ELEMENTOS GRÁFICOS En este capítulo se desciben todos los materiales corporativos que tienen como protagonista el logotipo del grupo. 4.1 Presentación elementos gráficos Para que el rediseño de la imagen corporativa de una empresa sea completo, es necesario desarrollar una serie de materiales que utilizarán todos los empleados del Grupo en su trabajo diario Dentro de estos materiales destacamos cinco elementos que son los que hasta ahora se han desarrollado y diseñado para su uso interno y público. Presentaciones Power point Cartas formato Microsoft Word Tarjetas personales CDs Firmas corporativas para email Todos estos materiales y plantillas, al igual que los logotipos en todos los formatos estarán disponibles permanentemente en la página web especial que se ha diseñado para la nueva imagen corporativa: http://www.marca.oesia.com Elementos gráficos Guía de identidad visual corporativa 33 4.2 Presentaciones PowerPoint Las presentaciones en powerpoint son hoy en día una herramienta imprescindible en cualquier tipo de intercambio de comunicación que se desee realizar desde el Grupo Oesía. Ya sea para clientes, para usuarios, o sencillamente para la comunicación interior del Grupo, esta herramienta ha de cuidar ciertos estilos y coherencia estilística con el resto de materiales del Grupo. Es por ello que desde el departamento de diseño del Grupo Oesía, se facilita una serie de plantillas que podrán ser empleadas por cualquier trabajador de la empresa. 34 Elementos gráficos Guía de identidad visual corporativa 4.3 Cartas Microsoft Word Al igual que en el caso de Powerpoint, el formato de Microsoft Word tiene que estar presente en cualquier manual de imagen corporativa y en las herramientas que todo trabajador tiene a su disposición a la hora de documentar cualquier proyecto. Elementos gráficos Guía de identidad visual corporativa 35 4.4 Tarjetas personales La nueva imagen de la empresa también ha de estar presente en este elemento de comunicación. El intercambio de tarjetas personales siempre ha sido el inicio de grandes proyectos. 4.5CDs Aunque con el paso del tiempo este sorporte de intercambio de archivos está en detrimento con respecto a las memorias USB, desde el departamento de Diseño de Grupo Oesia hemos querido desarrollar esta versión para todo el software Oesía. 36 Elementos gráficos Guía de identidad visual corporativa 4.6 Firmas de Correo Electrónico Por último, estará a disposición de todos los trabajadores del Grupo Oesía, una firma corporativa que acompañará todos sus emails. La firma ayudará a enviar la imagen del grupo hasta los confines de internet. Elementos gráficos Guía de identidad visual corporativa 37 38 Introducción Guía de identidad visual corporativa IMÁGENES Introducción Guía de identidad visual corporativa 39 5 IMÁGENES Al desarrollar la nueva imagen corporativa del Grupo Oesía tuvimos claro una frase desde el principio: Una imagen vale más que mil palabras. Por eso, el tratamiento y elección de las imágenes fue siempre de máxima importancia a la hora de desarrollar materiales corporativos para el Grupo Oesía. 5.1 Presentación imágenes La correcta elección de las imágenes en nuestros materiales corporativos hace posible que, a través de nuestra marca, podamos transmitir mensajes a nuestros clientes, profesionales y proveedores y podamos transmitir todos los valores que el Grupo quiere asociar a la marca. Nuestras imágenes deben reflejar nuestra personalidad, es por ello que nuestras imágenes deben representar siempre cercanía, versatilidad, transpariencia, naturalidad, ambición, elegancia, clase y sobretodo modernidad y futuro. Imágenes Guía de identidad visual corporativa 41 5.2 Imágenes “Doble Exposición” Para poder representar todos estos valores se consideró que una manera de abordarlo es utilizando una técnica de fotografía conocida como DOBLE EXPOSICIÓN. Esta técnica dota a las imágenes de varios planos en los que se representa, por una parte el lado humano del Grupo Oesía (cuyo valor es el más destacado en la nueva filosofía de empresa) y por otra parte, el lado tecnológico y de empresa de futuro. Ejemplo: Esta imagen engloba por una parte el lado moderno, humano y cercano de la imagen de un joven. Por otra parte recoge el lado tecnológico y de producto (en este caso sería la Administración Pública o la gestión de Smart cities). IMPORTANTE: ¡NO ABUSAR! Al igual que en muchos ámbitos del diseño, repetir hasta la saciedad un tipo de imagen puede producir el efecto contrario al deseado, llegando incluso a cansar la vista de nuestros usuarios. Es por ello que recomendamos usar este tipo de imágen “doble” solo en portadas o imágenes destacadas, dejando el resto de imagenes normales para que de esta manera destaquen lo suficiente sin cansar al lector. 42 Imágenes Guía de identidad visual corporativa 5.3 Otras imágenes Se proponen alternativas posibles de imágenes para no caer en la repetición ni en la falta de originalidad en nuestros materiales, todo ello sin perder nuestra unidad de marca. Consejos: Utilizar imágenes de situaciones de vida real Imágenes que aporten positivismo y alegría Imágenes que aporten dinamismo y movimiento Imágenes que evoquen modernidad y tecnología Imágenes que describan claramente una idea Imágenes de profesionales sin posados Imágenes que transmitan sensaciones Imágenes de nuestro producto y sus fortalezas Imágenes de profesionales usando nuestros productos Imágenes que evoquen crecimimento Imágenes que transmitan profesionalidad Imágenes de los beneficios del uso de la tecnología Imágenes Guía de identidad visual corporativa 43 5.4 Usos incorrectos de imágenes Con el objetivo de preservar una unidad estilística y de ofrecer la mejor imagen del Grupo, a continuación vamos a resumir una serie de usos incorrectos de imágenes que se deberán de seguir a la hora de realizar nuestros materiales corporativos. Usos incorrectos: 44 NO NO NO No usar imágenes de baja calidad o pixeladas No usar imagenes con clichés populares y aburridos No usar las imagenes de los hombres en 3D NO NO NO No usar montajes de imagen impersonales que no digan nada No usar imágenes de pago con marca de agua No usar imagenes que cansen la vista al usuario NO NO NO No usar imagenes con modelos sobreactuando Imagenes que evoquen sentimientos negativos Imágenes que den sensación de antigüedad NO NO NO No usar imagenes deformadas No cortar imagenes en las caras u ojos de las personas No usar imagenes de animalitos ni mascotas Imágenes Guía de identidad visual corporativa 5.5 Ejemplos de aplicación Imágenes Guía de identidad visual corporativa 45 Manual Online Si quieres descargarte los logotipos en cualquier formato o cualquier tpo de plantilla, tienes todo a tu disposición en el Portal de Marca del Grupo Oesía: http://marca.oesia.com 46 Introducción Guía de identidad visual corporativa Introducción Guía de identidad visual corporativa 47 48 Introducción Guía de identidad visual corporativa