Manual de identidad
visual corporativa
Índice de contenido
Contenido
5 6 7 8 9 10 11 13 14 15 16 17 18
Pantone P 179-1 C 24 Pantone 425C 25 Blanco y negro 26 Dos colores 27 Fondos degradados 28 Otras aplicaciones correctas 29 Usos incorrectos Imagotipo 30 Isotipo 31 Logotipo 32 Fondos fotográficos 33 Tipografía Corporativa 34 Secundaria 36 Web 38
19 20 21 22 23
Aplicaciones de la marca Membrete Sobre americano Tarjeta de visita Facturas de venta
Introducción 4 Elementos básicos de identidad Marca Nombre Construcción y aplicación Imagotipo Imagotipo versiones Construcción gráfica de la marca Planimetría Área de seguridad Tamaño mínimo de reproducción Color Colores sólidos Colores degradados Aplicaciones cromáticas Policromía Pantone 375C Pantone 631C Pantone 1787C Pantone 116C
Carpeta Plantilla PowerPoint Web Social media
47 48 49 50
41 42 44 45 46
Manual de imagen de marca e identidad corporativa
3
Introducción
Manual de identidad
4
El Manual de Identidad Visual Corporativa tiene como finalidad describir, de manera clara y unívoca, la identidad corporativa de Volúmena, y la de explicar cómo debe desarrollarse esa identidad en las diferentes aplicaciones comunicativas necesarias para la empresa.
La finalidad de este manual es la de describir, de manera clara y unívoca, la identidad corporativa de Volúmena, y la de explicar cómo debe desarrollarse esa identidad en las diferentes aplicaciones comunicativas necesarias para la empresa.
Este manual pretende, por lo tanto, normalizar y homogeneizar los parámetros gráficos que deberán emplearse, de modo uniforme, por todas aquellas personas encargadas de desenvolver y representar la imagen de Volúmena. A modo de normativa de aplicación de la identidad corporativa, deberá ser leído con detenimiento y comprendido antes de proceder a la puesta en práctica de los componentes de esa identidad.
Debidamente aplicado, este manual asegura la consecución de una imagen homogénea, atractiva y fácilmente identificable para nuestra organización, a la vez que optimiza la eficacia de sus comunicaciones.
Manual de imagen de marca e identidad corporativa
Elementos bรกsicos
de identidad
Elementos básicos de identidad
Marca
Volúmena es una empresa que se dedica al diseño y desarrollo de mobiliario de alta resistencia para entornos interiores y exteriores. El estilo de comunicación visual debe ayudar a transmitir el compromiso, la promesa que hace a cada una de sus audiencias. Se ha creado para Volúmena una imagen corporativa que contiene todos los valores que quiere expresar a través de la marca. Investigación: En Volúmena estamos convencidos del valor de las ideas. Nos movemos en la tendencia democrática de la industria, basandonos en modelos productivos flexibles donde los individuos (por enciima de las tecnologías) son lo mas valioso de las organizaciones. Buen diseño: Nuestros productos están enfocados en la cultura de la colaboración que involucra todas las actividades de trabajo, ocio y aprendizaje, diseñando mobiliario y complementos que inspiren y fortalezcan las relaciones humanas.
6
Manual de imagen de marca e identidad corporativa
Tecnología de procesos: Como empresa colombiana tenemos la convicción de hacer muy buen diseño manejando procesos industriales y creativos de vanguardia, basados en el aprendizaje validado y el nivel de detalle, lo que marca la diferencia con las empresas tradicionales. Nuevas formas de compartir en los espacios: En Volúmena nos apasiona compartir nuestro conocimiento en diseño, nuestras ideas y soluciones basadas en la investigación, para potencializar el uso de tus espacios, brindando bienestar a los individuos.
Elementos básicos de identidad
Nombre
La marca comercial Volúmena nace de la palabra palabra “volúmen”.
Manual de imagen de marca e identidad corporativa
7
Elementos básicos de identidad
Construcción y aplicación
La marca Volúmena se configura como un logotipo basado en la tipografía Helvetica Neue Bold, una tipografía de palo seco que potencia los valores asociados a la marca. El trazo en palo seco también transmite los valores de simplicidad, configuración, volúmenes, duración y sofisticación.
Helvetica Neue Bold
8
Manual de imagen de marca e identidad corporativa
Logotipo
Elementos básicos de identidad
Imagotipo
El imagotipo Volúmena es un conjunto icónico-textual en el que el logotipo (texto) y el isotipo (símbolo) se encuentran claramente diferenciados e incluso pueden funcionar por separado.
Al logotipo puede acompañarle en distintas formas el isotipo de Volúmena. Este isotipo (símbolo) se presenta como un elemento configurable.
El logotipo es el identificador de la marca de uso común en todas las aplicaciones.
Imagotipo
Isotipo
Manual de imagen de marca e identidad corporativa
9
Elementos b谩sicos de identidad
Imagotipo versiones
El imagotipo puede presentarse en diferentes versiones (vertical y horizontal), dependiendo de las necesidades.
Versi贸n vertical
10
Manual de imagen de marca e identidad corporativa
Versi贸n horizontal
Elementos básicos de identidad
Construcción gráfica de la marca
EL imagotipo es una construcción geométrica que tiene como base la “V”. Las proporciones en el identificador están establecidas por la geometrización de las formas.
Manual de imagen de marca e identidad corporativa
11
Elementos básicos de identidad
Construcción gráfica de la marca
12
Construcción geomtétrica del imagotipo en versión vertical.
Manual de imagen de marca e identidad corporativa
Elementos básicos de identidad
Planimetría
EL imagotipo de Volúmena, se inscribe en una superficie modular de proporciones 43,7x9,4.
ancho de la letra “L”. Así, aseguramos la correcta proporción de la marca sobre cualquier soporte y medidas.
El valor “X” establece la unidad de medida, se puede equiparar a “X” con el
43,7X X
9,4X 5X
12,7X
43,7X
Manual de imagen de marca e identidad corporativa
13
Elementos básicos de identidad
Área de protección
Para asegurar la legibilidad de la marca y su independencia frente a otros elementos que puedan compartir su espacio visual, presentamos en esta página los márgenes mínimos de la zona de protección.
La construcción del área de respeto queda determinada por la medida “X”, siempre que sea posible, es preferible aumentar al máximo este espacio separando el imagotipo del resto de elementos de la página (textos e imágenes).
6X 6X
14
Manual de imagen de marca e identidad corporativa
Elementos básicos de identidad
Tamaño mínimo de reproducción Se ha establecido un tamaño mínimo para reproducción en offset y reproducción digital (pantallas y web). Teniendo en cuenta el isotipo, logotipo y las versiones horizontal y vertical del imagotipo.
Offset
Isotipo
Digital
Logotipo
Imagotipo horizontal
Imagotipo vertical
Manual de imagen de marca e identidad corporativa
15
Elementos básicos de identidad
Color
Las referencias de color de Volúmena son los Pantones aquí especificados. Si las condiciones de impresión no permiten el uso de éste, el logotipo podrá ser impreso en cuatricromía, o en negro. Estos son los colores principales de la marca.
16
Manual de imagen de marca e identidad corporativa
Elementos b谩sicos de identidad
Colores s贸lidos Pantone 116C
Pantone 457C
Pantone 375C
Pantone 377C
C:0 M:20 Y:100 K:0 R:255 G:204 B:000 HTML:#ffcc00
C:0 M:20 Y:100 K:30 R:195 G:159 B:0 HTML:#c39f00
C:50 M:0 Y:100 K:0 R:149 G:193 B:31 HTML:#95c11f
C:50 M:0 Y:100 K:30 R:116 G:151 B:25 HTML:#749719
Pantone 631C
Pantone 321C
Pantone 1787C
Pantone 1805C
C:80 M:0 Y:20 K:0 R:0 G:175 B:203 HTML:#00afcb
C:80 M:0 Y:20 K:30 R:0 G:136 B:157 HTML:#00889d
C:0 M:85 Y:60 K:0 R:232 G:66 B:80 HTML:#e84250
C:0 M:85 Y:60 K:30 R:179 G:53 B:61 HTML:#b3353d
Pantone 425C
Pantone 447C
Pantone Cool Gray 1C
Pantone Cool Gray 5C
C00 M00 Y00 K80 R87 G87 B86 HTML:#575756
C00 M00 Y00 K90 R60 G60 B59 HTML:#3c3c3b
C:17 M:13 Y:15 K:0 R:219 G:217 B:214 HTML:#DBD9D6
C:32 M:25 Y:26 K:5 R:179 G:178 B:177 HTML:#B3B2B1
Manual de imagen de marca e identidad corporativa
17
Elementos bรกsicos de identidad
Colores degradados Pantone 116C
Pantone 457C
Pantone 377C
CSS background: -moz-linear-gradient(top, rgb(255,204,0) 0%, rgb(195,159,0) 100%);
CSS background: -moz-linear-gradient(top, rgb(149,193,31) 0%, rgb(116,151,25) 100%);
Pantone 631C
Pantone 1787C
Pantone 321C
Pantone 1805C
CSS background: -moz-linear-gradient(top, rgb(0,175,203) 0%, rgb(0,136,157) 100%);
CSS background: -moz-linear-gradient(top, rgb(232,66,80) 0%, rgb(179,53,61) 100%);
Pantone 425C
Pantone Cool Gray 1C
Pantone 447C
CSS background: -moz-linear-gradient(top, rgb(87,87,86) 0%, rgb(60,60,59) 100%);
18
Pantone 375C
Manual de imagen de marca e identidad corporativa
Pantone Cool Gray 5C
CSS -moz-linear-gradient(top, rgba(219,217,214,1) 0%, rgba(179,178,177,1) 100%);
Elementos básicos de identidad
Aplicaciones cromáticas: Policromía Imagotipo
Isotipo
Logotipo
Manual de imagen de marca e identidad corporativa
19
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Pantone 375C Imagotipo
Isotipo
Logotipo
20
Manual de imagen de marca e identidad corporativa
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Pantone 631C Imagotipo
Isotipo
Logotipo
Manual de imagen de marca e identidad corporativa
21
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Pantone 1787C Imagotipo
Isotipo
Logotipo
22
Manual de imagen de marca e identidad corporativa
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Pantone 116C Imagotipo
Isotipo
Logotipo
Manual de imagen de marca e identidad corporativa
23
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Pantone Cool Gray 1C Imagotipo
Isotipo
Logotipo
24
Manual de imagen de marca e identidad corporativa
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Pantone 425C Imagotipo
Isotipo
Logotipo
Manual de imagen de marca e identidad corporativa
25
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Blanco y negro Imagotipo
Isotipo
Logotipo
26
Manual de imagen de marca e identidad corporativa
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Dos colores Isotipo
Logotipo
Logotipo
Manual de imagen de marca e identidad corporativa
27
Elementos bรกsicos de identidad
Aplicaciones cromรกticas: Fondos degradados Imagotipo
Isotipo
Logotipo
28
Manual de imagen de marca e identidad corporativa
Elementos bรกsicos de identidad
Otras aplicaciones correctas Fondo fotogrรกfico
Fondo fotogrรกfico
Isotipo
Logotipo
Manual de imagen de marca e identidad corporativa
29
Elementos básicos de identidad
Usos incorrectos Imagotipo
30
Aplicación incorrecta de color en logotipo
Aplicación incorrecta de color en isotipo
Uso de un color no aprobado
Fondo no aprobados
Cambiar la “V” inicial por el isotipo
Cambiar el tamaño de la “V” inicial de Volúmena
Reducir el tamaño del isotipo
Deformación horizontal o vertical
Espaciado incorrecto
Cambiar la tipografía
Cambiar la posición del logotipo y del isotipo
Girar el imagotipo
Manual de imagen de marca e identidad corporativa
Elementos básicos de identidad
Usos incorrectos Isotipo
Aplicación incorrecta de color
Aplicación incorrecta de color
Uso de un color no aprobado
Fondo no aprobados
Cambiar la posición
Cambiar los elementos
Reducir a un tamaño no aprobado
Deformación horizontal o vertical
Espaciado incorrecto
Cambiar el diseño
Cortar el isotipo
Girar el imagotipo
Manual de imagen de marca e identidad corporativa
31
Elementos básicos de identidad
Usos incorrectos Logotipo
32
Aplicación incorrecta de color
Aplicación incorrecta de color
Uso de un color no aprobado
Fondo no aprobados
Modificar la “V”
Cambiar el color de los elementos
Cambiar la tipografía a versalitas
Deformación horizontal o vertical
Espaciado incorrecto
Girar el logotipo
Manual de imagen de marca e identidad corporativa
Elementos bรกsicos de identidad
Usos incorrectos Fondo fotogrรกficos
Isotipo
Imagotipo
Manual de imagen de marca e identidad corporativa
33
Elementos básicos de identidad
Tipografía
La familia Helvetica Neue se caracteriza por su neutralidad, versatilidad y alta legibilidad. Es una tipografía palo seco, redondeada, con una gran altura de la x y sin florituras.
Favorece mucho su uso el hecho de contar con tantos pesos distintos, que la hacen adecuada para cualquier publicación.
Corporativa | Helvetica Neue
34
Condensed Black
UltraLight
UltraLight Italic
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Light
Light Italic
Regular
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Manual de imagen de marca e identidad corporativa
Elementos básicos de identidad
Tipografía
Italic
Medium
Bold
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Bold Italic abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Manual de imagen de marca e identidad corporativa
35
Elementos básicos de identidad
Tipografía
Para soportes o aplicaciones que, por razones técnicas no permiten la utilización de la tipografía corporativa, por ejemplo en los textos editados por la empresa se utilizará la tipografía Myriad Pro.
Ésta tipografía está especialmente diseñada para la composición de textos largos y permite su uso en tres pesos diferentes (Light, Regular y Bold) con sus correspondientes cursivas.
Secundaria | Myriad Pro
36
Condensed
Condensed Italic
Bold Condensed
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Bold Condensed Italic
Regular
Italic
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Manual de imagen de marca e identidad corporativa
Elementos básicos de identidad
Tipografía
Semibold
Semibold Italic
Bold
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Bold Italic abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Manual de imagen de marca e identidad corporativa
37
Elementos básicos de identidad
Tipografía
Para la web se utilizará la fuente tipográfica Roboto, es una fuente del tipo grotesque sans-serif que se siente como si tuviera unos toques entre Helvetica and DIN.
Es una fuente gratuita que está disponible en seis estilos con sus respectivas italicas. Roboto se muestra claramente en las pantallas más pequeñas, así que funciona bien para el contenido del sitio web.
Thin
Thin Italic
Light
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Light Italic
Regular
Italic
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Web | Roboto
38
Manual de imagen de marca e identidad corporativa
Elementos básicos de identidad
Tipografía
Medium
Medium Italic
Bold
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Bold Italic
Black
Black Italic
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 0123456789 !”#$%&’()*+/:;<=>?@[\]^_`{|}
Manual de imagen de marca e identidad corporativa
39
Aplicaciones
de la marca
Aplicaciones de la marca
Membrete
â&#x20AC;ŚFormato Carta (215,9 x 279,4 mm)
42
Manual de imagen de marca e identidad corporativa
Aplicaciones de la marca
Membrete
â&#x20AC;ŚFormato Carta (215,9 x 279,4 mm)
Manual de imagen de marca e identidad corporativa
43
Aplicaciones de la marca
Sobre americano
â&#x20AC;ŚFormato Americano (DL) (220 x 110 mm)
44
Manual de imagen de marca e identidad corporativa
Aplicaciones de la marca
Tarjetas de visita
â&#x20AC;ŚFormato (88 x 44 mm)
Manual de imagen de marca e identidad corporativa
45
Aplicaciones de la marca
Facturas de venta
â&#x20AC;ŚFormato Carta (215,9 x 279,4 mm) Media carta (215,9 x 139,7 mm)
46
Manual de imagen de marca e identidad corporativa
Aplicaciones de la marca
Carpeta
â&#x20AC;ŚFormato Cuerpo de carpeta abierto (455 x 380 mm) Cuerpo de carpeta cerrada (220 x 300 mm) Bolsillo (209 x 80 mm)
Manual de imagen de marca e identidad corporativa
47
Aplicaciones de la marca
Plantilla PowerPoint
Portada
…Formato Digital (1024 x 768 px)
48
Manual de imagen de marca e identidad corporativa
Página interna
Sección
Aplicaciones de la marca
Web
â&#x20AC;ŚFormato Web (1024 x 768 px)
Manual de imagen de marca e identidad corporativa
49
Aplicaciones de la marca
Social media
50
Manual de imagen de marca e identidad corporativa
www.vitamina7.com
www.volumena.co