GUÍA BÁSICA DE IDENTIDAD VISUAL
INTRODUCCIÓN Este documento es una herramienta que nos ayudará en el proceso de comprensión y aplicación de la expresión gráfica de la marca “SHOCK”. Reúne de una manera práctica la normalización fundamental de la identidad visual de la marca. Encontrarémos en él los elementos que conforman y potencian la identidad de “SHOCK”: su logotipo, su símbolo, sus colores, su tipografía y algunos elementos complementarios. Es importante seguir las normas de uso aqui establecidas para que la aplicación de la identidad visual tenga consistencia, unidad y concepto, que son la base de su permanencia en el tiempo, su reputación y su éxito.
LA MARCA
LIBRE DIVERTIDA
ÚNICA COLOR SORPRESA
EXPRESIVA ENTRETENIMIENTO INAMICA SHOCK EXPLOSIVA
CREATIVA VERSATIL
JOVEN MÚSICA VIBRANTE
LIBRE
DIVERTIDA
EL LOGO
El rejuvenecimiento de la marca SHOCK surge de la necesidad de evolucionar y entrar en las nuevas plataformas de información y las nuevas tendencias en medios que se apoderan del mercado. Apartir de esto se creo una identidad mas joven y dinámica en donde el punto de partida fue su tradicional logo “SHOCK” el cual ya era un patrimonio de marca que debía ser conservado. La marca es el reflejo gráfico de la palabra “SHOCK”, en donde se ilustra un destello de colores que representan la personalidad euforica de la marca, un gráfismo que la llena de versatilidad y vida, y que permite expandir su marca a otras plataformas de manera organzada sin perder aquella escencia única de SHOCK.
CONSTRUCCIÓN
FLASH SHOCK
+
EXPRESIÓN Y ENERGIA
LOGOTIPO
PATRIMONIO
=
LOGO
DINAMISMO VERSATILIDAD AGILIDAD ESCENCIA VANGUARDIA
La forma del “flash Shock” esta compuesta por un grupo de elementos geométricos irregulares de distintos colores, que sumados forman un destello que simboliza una explosión de sensaciones y contenidos, una mezcla de cultura, musica e información para gente jóven. En el ejercicio se logra visualizar una costrucción simple, pero que logra el objetivo propuesto. Esta forma no se deberá modificar; en animaciones se puede descomponer pero al final deberá conservar su forma original.
COLOR
PRINCIPALES 1
PANTONE® 382 C C_ 29 M_ 0 Y_ 100 K_ 0 R_ 193 G_ 216 B_ 47
2
PANTONE® 109 C C_ 0 M_ 10 Y_ 100 K_ 0 R_ 255 G_ 221 B_ 63
1 2
8
PANTONE® CYAN 70 % C C_ 70 M_ 0 Y_ 0 K_ 0 R_ 141 G_ 198 B_ 63
5 6 7
4
4
PANTONE® RUBINE RED C C_ 1 M_ 88 Y_ 0 K_ 0 R_ 235 G_ 68 B_ 152
COMPLEMENTARIOS Los colores de la marca reprentan la personalidad joven, dinamica, vibrante, expresiva e irreverente que quiere reflejar.
PANTONE® 032 C
Las transparencias hacen que la gama cromática sea mayor pero de esta manera la marca tiene un look mas digital e interactivo.
PANTONE® 221 C
A continuación se presentan las paletas de color utilizadas para la marca con sus conversiones a CMYK y RGB.
PANTONE® 227 C
PANTONE® 1235 C
C_ 0 M_ 90 Y_ 86 K_ 0 R_ 239 G_ 65 B_ 53
C_ 0 M_ 100 Y_ 15 K_ 30 R_ 177 G_ 0 B_ 93
C_ 0 M_ 100 Y_ 7 K_ 19 R_ 198 G_ 0 B_ 11
C_ 0 M_ 29 Y_ 91 K_ 0 R_ 253 G_ 187 B_ 48
MARCA SOBRE COLOR
La marca funciona principalmente sobre fondos blancos y negros, pero será valida su aplicación sobre fondos que tengan sus colores principales. En estos casos se deberá resaltar el logo con sombras del mismo color del fondo levemente mas oscuras tal como se ve en ejercicio. Este recurso puede llegar a ser útil en ciertos casos y nos permitira tener mas posibilidades para la marca.
VERSIÓN UNA TINTA
Esta versión a una sola tinta se utilizará en aplicaciones donde hayan limitaciones de impresión a nivel de tintas. En esta pagina encontraremos versiones en blanco y negro tanto positivo como negativo, y sus conversiones sobre los colores complementarios. Vale la pena anotar que la recomendacion seran siempre aquellos colores que contrasten mucho mas y resalten la marca.
VERSIÓN ESCALA DE GRISES
20% 20%
20% 35%
20% 20%
62%
35% 20%
89% 72%
62%
62% 20%
Valores en porcentajes (%) de negro para versión escala de grises del “Flash Shock”
En casos en los que por requerimientos técnicos no pueda imprimirse a color, se usará esta versión en escala de grises.
ARQUITECTURA DE MARCA
URL
IMPRESOS
FESTIVAL
PREMIOS
SERIES
SERIES
EVENTO
PRESENTA
LIMITED
ISSUES
Las nuevas plataformas de la marca hicieron necesaria la creación de una estructura que le permitiera ser mas flexible y versatil. Con las mismas caracteristicas de la marca madre, se realizaron submarcas para cada uno de los medios donde Shock habitará. Cada categoria tendrá un color que la identifique, esto ayuda a posicionar cada submarca y le dará claridad a la marca madre, facilitando muchas de las aplicaiones en los diferentes soportes y medios
COLOR PARA SUBMARCAS PANTONE® 116C PANTONE® 116C
PANTONE® CYAN 70%
PANTONE® 2925
PANTONE® 2583
SERIES PANTONE® 2587
PANTONE® 382 C
PRESENTA PANTONE® 361 C
PANTONE® 219 C
LIMITED
ISSUES PANTONE® RUBINE RED C
Se presentan los colores pantones seleccionados para cada una de las categorias de la arquitectura de marca; estas submarcas cuentan con una gama clara y una oscura, esto se debe a la variedad de color por las trasparecias que las conforman.z
SHOCK LIMITED
LIMITED
LIMITED LIMITED OPACIDAD OPACIDAD
70%
70%
LIMITED
LIMITED
OPACIDAD
70%
OPACIDAD
100%
LIMITED
LIMITED
LIMITED
Los demas valores se darán por defecto según sea el modo de transparencia en el que se trabaje. Caso 1: Cuando la marca se aplique sobre backgrounds blancos o muy claros, se recomienda tramar al 70% los layers del simbolo en modo multiplicar, así se logrará una buena lectura de las trasparencias
Caso 2: Cuando la marca se aplique sobre backgrounds negros u oscuros, se recomienda tramar al 70% los layers del símbolo en modo normal, así se logrará una buena lectura de las trasparencias.
La marca Shock Limited será la versión impresa y no tendrá limitantes de color, podrá migrar o cambiar de color según sea la intensión de la portada en las diferentes ediciones de la revista. Como se hace evidente la marca cuenta con trasparencias que reflejan de alguna manera su personalidad; estas transparecias tienen unos porcentajes aquí presentados y podrán ser editados según sea el background, pues algunas gamas cromáticas tienden por defecto a perder los valores de trasparencia.
EJEMPLOS SHOCK LIMITED
60%
100%
Area máxima para aplicación de marca
30%
LIMITED
La forma original de la marca Shock Limited no se podrá modificar pero si se podrá escalar dependiendo del diseño de la portada, y no debera exeder el 30% de la altura total de la portada, ni el 60% de su ancho.
LIMITED
USOS INCORRECTOS
SHOCK
No separar la tipografía del contenedor
No modificar los colores definidos para la marca
No distorcionar, ni dar perspectiva a la forma original del logosimbolo
El logo nunca se debe poner sobre fondos saturados que resten lectura a la marca
No se recomienda ponerle resplandor al logotipo
No se poner outline al logo en ningún caso
En ningún caso se debe modificar la tipografía corporativa
No se deben alterar las trasparencias, ni alterar la armonía de las aristas en el interior del logo
El logosimbolo debe siempre mantener sus colores, sea cual sea el fondo que lo soporte
Los elementos del contenedor no deben perder la proporción original, en ninguna de sus partes
No rotar el “flash Shock” ni perder legibilidad
El logotipo no se debe tramar
FLASH SHOCK COMO RECURSO GRÁFICO
*NO MI NA DOS J. BALVIN
LOREM IPSUM
LOREM IPSUM
GDI W#I XQN LOREM IPSUM LOREM IPSUM
La marca fue construida a partir de formas rectas, esto nos da una gran gama de posibilidades y recursos gráficos que alimentan el lenguaje de marca y permiten jugar de muchas maneras en sus diferentes aplicaciones. Esta aplicación será útil para banner o pop up publicitarios. En esta página se encuentran algunos ejercicios de su posible versatilidad.
AVATAR REDES SOCIALES
fig 1. logotipo fijo fig 2. edición del símbolo
avatar
El avatar de la marca shock para redes sociales, deberá mantener el logotipo siempre en las misma posición en invertido tal como se ve en la figura 1, y el background del avatar estára compuesto por una porción del “flash Shock” como se ve en las figura 2, en donde no abrá limitante para la edición de la forma; dentro de la máscara se podrá escalar o rotar de cualquier manera.
PORTAL WEB (CABEZOTE)
1.
2.
En la aplicación principal del portal principal de Shock, hay dos posibles aplicaciones de marca, tal como se ve en las anteriores ilustraciones. 1. Conservando su forma y proporción original, dejandolo libre y visiblemente completo, sacrificando un poco de protagonismo. 2. Escalar proporcionalmente dentro del espacio disponible para la marca, sangrando el “Flash Shock” y ganando tamaño en el logotipo. En cualquiera de los 2 casos la marca no deberá perder sus colores originales sea cual sea el fondo.
ÁREA DE RESERVA
El área de reserva del logo“SHOCK” corresponde a la altura de la letra S como se ilustra; esto se mantendrá sea cual sea la escala en la que se utilice la marca. Esta reserva sobre todo demarca el área donde no deberán haber textos, logos u otras marcas. Esta regla aplica para las submarcas.
TAMAÑO MINIMO
Aquí aparecen los tamaños mínimos de reproducción permitidos para que tanto el logo principal, el especial y el símbolo mantengan una correcta presencia. Esta proporción aplica para las submarcas
2,5 cm
TIPOGRAFÍA
HELVETICA
TITILLIUM
MONSERRAT REGULAR abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
MONSERRAT REGULAR abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
MONSERRAT REGULAR abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
MONSERRAT REGULAR abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
MONSERRAT BOLD abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
MONSERRAT BOLD abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
MONSERRAT REGULAR abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
MONSERRAT BOLD abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
ARIAL MONSERRAT REGULAR abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890 MONSERRAT REGULAR abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 1234567890
La familia tipográfica seleccionada para acompañar la marca “SHOCK” es la “HELVETICA”, se utilizará en sus comunicaciones para ayudar a la coherencia de la identidad visual de la marca. Otra tipografía que implementara la marca pero en un campo mas digital es la “TITILLIUM” estara en todas las comunicaciones digitales de la marca. La fuente “ARIAL” será la familia tipográfica que se utilice en documentos de “Word”, “Excel”, “PowerPoint”y demas sofware “Office” por su disponibilidad en diferentes plataformas.
ANIMACIÓN DEL LOGO
En animaciones