MANUAL DE IDENTIDAD VISUAL DE MARCA 2013
40
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 “21korredores”. 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 “21korredores”: su logo, su símbolo, sus colores, su tipografía y sus 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.
CONTENIDO
LA MARCA
IDENTIDAD VISUAL
ALMA DE MARCA
EL LOGO
EL NOMBRE
-SÍMBOLO -VERSIONES -LEMA -ÁREAS DE RESERVA
40
-INTERACCIÓN LOGO / SÍMBOLO COLOR -PRINCIPALES -COMPLEMENTARIOS -VERSIONES -DEGRADADOS -LOGO Y SÍMBOLO SOBRE POLICROMÍAS -TRANSPARENCIA SOBRE FOTOGRAFÍAS
SISTEMA GRﾃ：ICO ELEMENTOS COMPLEMENTARIOS -TIPOGRAFﾃ喉 -RECURSO GRﾃ：ICO -PATRONES -OTROS RECURSOS -CONCEPTO FOTOGRﾃ：ICO USO SOBRE MATERIALES USOS INCORRECTOS APLICACIONES
LA MARCA
ALMA DE MARCA DESCRIPCIÓN
Esencia
Personalidad
21Korredores es un grupo que ofrece espacios para los atletas y corredores, y cuenta con profesionales para enseñar todo lo necesario sobre el atletismo con el único proposito de otorgar a las personas una mayor y mejor calidad de vida, mas activa y saluda40 ble.
Ágil, versátil, saludable, complice, ligera, dinamica, libre, expresiva.
Diferenciador
Beneficios
Entendemos lo que significa correr, en todos los sentidos de la palabra, sabemos lo mucho que representa correr y lo bueno que puede ser para las personas, no es solor correr, es vida, nos identificamos con muchas personas que les gusta superarse, compartir metas y eliminar los obtaculos y estamos aqui para salir adelante juntos.
Salud mental y fisica el 100% Superaciones personales Mejoramiento de la calidad de vida Nuevas experiencias Nuevas amistades
LA MARCA
EL NOMBRE
21Korredores
40
21 K : El 21k es la equivalencia abreviada de 21 kilometros que son aproximadamente la distancia de una media marat贸n.
KORREDORES: Y se complementa con la palabra Korredores que hace un juego de letras para darle todo el sentido y la conexion de kilometraje con atletas. Esta palabra ademas simboliza: 路Lo que somos y queremos ser 路Una palabra incluyente que invita a hacer parte de nuestro equipo
40
IDENTIDAD VISUAL
IDENTIDAD VISUAL
EL LOGO
40
El logo de “21K” simboliza el espíritu luchador que nunca se rinde, simboliza la motivación de ir siempre adelante sin mirar atras, de superar cada prueba por mas exigente que sea, hay que entregarlo todo para lograr superar a cuanto obstaculo se interponga en el camino, y llegar felizmente al final del desafio.
SÍMBOLO
El símbolo expresa la dinamica y el sentido de la marca, “vamos a correr”.
IDENTIDAD VISUAL
EL LOGO VERSIONES
Las siguientes son las unicas versiones de forma permitidas para el logo “21korredores”: LOGOSÍMBOLO
40
SÍMBOLO
La aplicación de estas dependerá del espacio y el soporte donde irán expuestas. Será importante en la primera fase de implementacion de marca que la versión protagonista sea el logosimbolo, de esta manera la marca se ira posicionando con su nombre completo y en una fase posterior el símbolo será mucho mas reconocido por los seguidores y el nicho al que esta dirigida la marca.
EL LOGO LEMA
No solo es correr, es vida! es vida!
El lema describe la raz贸n de ser de la marca. Expresa la motivaci贸n de conseguir siempre las metas, y destaca la voluntad de quitar los obstaculos del camino, siempre con un pensamiento opsimista y positivo en donde la calidad de vida ser谩 la principal motivaci贸n.
IDENTIDAD VISUAL
EL LOGO ÁREAS DE RESERVA
Es el espacio mínimo que debe existir alrededor del logo para que éste pueda mantener su integridad visual.
X X
Es imprescindible respetar esta área para proteger el logo de elementos gráficos, textos, fotografías, o bordes que puedan invadir su espacio.
En los ejemplos gráficos, vemos que el valor de referencia “x” es el que indica los diferentes espacios y limites que40 se deben respetar.
2X
X
2X
X
lorem ipsum
1,2X 1X
El eslogan tendrá una altura “x” teniendo como referencia las letras bajas de la tipografia ”DIN BOLD ITALIC” que será la elegida para este texto, y deberá ir justificada a la derecha del logosimbolo; el espacio entre estos dos textos deberá ser de 1.2x, como se observa en el gráfico.
TAMAÑOS MÍNIMOS Aquí aparecen los tamaños mínimos de reproducción permitidos para que tanto el logosimbolo y el símbolo mantengan una correcta presencia. No se recomienda hacer reducciones de la marca con el eslogan, pues seguramente no habrá una clara lectura de este.
3 cm
1.5 cm
EL LOGO INTERACCIÓN LOGO / SÍMBOLO
El símbolo y el logo pueden convivir en un mismo espacio gráfico respetando tres premisas: tamaño, distancia y ubicación.
1
3
2 1/3 min.
2A
A
El tamaño del símbolo será de mínimo un tercio del ancho del logo.
La distancia entre el símbolo y el logo será mínimo de tres veces la altura del símbolo en el logo (A).
La ubicación del símbolo será arriba ó abajo del logo.
En una pieza gráfica debe haber mínimo un logo.
40
COLOR
COLOR
COLORES PRINCIPALES
El color negro y el color verde son dos tonos impactantes que se complementan, dan actitud electrica, viva y rapida a la marca, además figura con fuerza dentro de la categoria. Estos tonos serán los que identificarán la marca en muchas de sus expresiones, pero no será una combinación obligatoria, ya que por la personalidad y los valores que la marca quiere reflejar, podrá contar con sus colores complementarios, jugar con ellos y hacer conbinaciones libres dependiendo del mensaje que la marca quiera dar. Es una marca que se mueve, no es estatica y menos cuando de color se trata.
Verde ”21k” Pantone® Warm Gray 11
100%
80%
60%
Negro
80%
CMYK 20 0 91 0
40%
CMYK 0 0 0 100
Black
100%
40
60%
40%
RGB 214 224 61
25%
10%
RGB 100 100 100
25% Los colores que se muestran en esta página, y en general en este manual, no pretenden igualar los estándares de los colores PANTONE®.
10%
COLORES SECUNDARIOS
Esta paleta complementa a los colores principales en el diseño de las piezas gráficas. Pueden ser utilizados de muchas maneras en la marca y en todas sus expresiones. Son tonos vibrantes que ganan protagonismo cuando se contrastan con el color negro, los resalta de una manera casi iluminada. Para piezas digitales (Web, mailing, pop up, blog,etc) se podrán explotar mucho mas pues sus conversiones a RGB, hacen que la marca brille de manera particular casi neón.
Naranja“21k” Pantone® Orange 021 C 100%
80%
Violeta “21k” 100%
100%
60%
80%
60%
40% CMYK 63 0
Pantone® 3115 C 80%
40% CMYK 43 76 0 0
Pantone® 258 C
Cyan “21k”
CMYK 0 53 100 0
60%
18
0
40%
RGB 147 142 30
25%
10%
RGB 155 91 165
25%
10%
RGB 71 195 211
25%
Los degradados de los colores principales y de los complementarios enriquecen las posibilidades gráficas de la expresión visual de marca.
10%
COLOR
VERSIONES Las posibilidades cromáticas seran multiples con la única intensión de dar mayor flexibilidad, versatilidad y dinamismo a la marca, esto le abre posibilidades hablar de diferentes maneras a diferentes públicos, consiguiendo una personalidad cercana, multifacetica y expresiva. A continuación se encuentran algunas posibles versiones de color, en donde se encuentran diferentes posibilidades resultantes de la combinación de los colores principales con los colores secundarios. La idea en estos casos es mantener la lectura de la marca, hacer la mejor elección según sea el background donde se aplique, tambien debe respetar la división de color, el numero 21 debera diferenciarse ya sea de la “K” o de “Korredores”
40
DEGRADADOS
Para crear los degradados de “21Korredores”, se utiliza la paleta de colores principales y complementarios. Estos irán del porcentaje mas claro de estos colores hasta un tono mas oscuro resultante de una modificacion de valores de los color base, como se verá a continuación. La edición de estos degradados no nesesariamente tendra que ir de los mas claro a lo mas oscuro, se puede tomar cualquier porción de las barras aqui mostradas. No se pueden mezclar colores de tonos diferentes para crear degradados,.
10% Verde “21k”
Verde “21k”
50% Negro
10% Naranja“21k”
C: 38 M:0 Y:100 K:0
Negro
Naranja“21k”
10% Cyan “21k”
Cyan “21k”
10% Violeta “21k”
Violeta “21k”
C: 0 M:69 Y:100 K:0
C: 97 M:31 Y:14 K:0
C: 66 M:94 Y:0 K:0
COLOR
LOGO Y SÍMBOLO SOBRE POLICROMÍAS
40
La versión positiva del logo “21K” se utiliza sobre áreas planas en color y textura uniforme, como se ve en el ejemplo.
La versión invertida del logo se ubica sobre áreas que tengan color y textura uniformes, y que permitan su buena presencia.
Los elementos complementarios tambien serán de gran ayuda para la funcionalidad de la marca sobre fotografías, sobre todo cuando estas estan muy cargadas, estas barras podrán contenerla y darle mejorlectura y mayor protagonismo.
TRANSPARENCIA SOBRE FOTOGRAFÍAS La versión invertida del logo se puede usar sobre fotografías como transparencia al 30%, siempre y cuando la fotografía lo permita.
40
SISTEMA GRﾃ：ICO
SISTEMA GRÁFICO
ELEMENTOS COMPLEMENTARIOS TIPOGRAFÍAS
Tipografía primaria
DIN PRO
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 124567890(!”·$%&/?Ç*^¨)
DIN LIGHT/ITALIC
La familia tipográfica corporativa seleccionada para “21korredores” es la “DIN PRO”. Se utilizará en las comunicaciones para ayudar a la coherencia de la identidad visual de la marca. Las versiones italicas serán recomendadas, pues por su inclinación dan la sensación de ir avanzando que es coherente con lo que la marca quiere trasmitir. Se pueden ver en los ejemplos los diversos pesos visuales que pueden ser utilizados en títulos, destacados y cuerpos de texto.
RUNNING running
Morbi euismod cursus erat eget adipiscing. Morbi sed ante porta nibh posuere porttitor. Cras ullamcorper venenatis urna vulputate viverra. MORBI EUISMOD CURSUS ERAT EGET ADIPISCING. MORBI SED ANTE PORTA NIBH POSUERE PORTTITOR. CRAS ULLAMCORPER VENENATIS URNA VULPUTATE VIVERRA. 40
DIN REGULAR/ITALIC
RUNNING running
Morbi euismod cursus erat eget adipiscing. Morbi sed ante porta nibh posuere porttitor. Cras ullamcorper venenatis urna vulputate viverra. MORBI EUISMOD CURSUS ERAT EGET ADIPISCING. MORBI SED ANTE PORTA NIBH POSUERE PORTTITOR. CRAS ULLAMCORPER VENENATIS URNA VULPUTATE VIVERRA.
DIN PRO MEDIUM/ITALIC
RUNNING running
Morbi euismod cursus erat eget adipiscing. Morbi sed ante porta nibh posuere porttitor. Cras ullamcorper venenatis urna vulputate viverra. MORBI EUISMOD CURSUS ERAT EGET ADIPISCING. MORBI SED ANTE PORTA NIBH POSUERE PORTTITOR. CRAS ULLAMCORPER VENENATIS URNA VULPUTATE VIVERRA.
DIN PRO BOLD/ITALIC
RUNNING running
Morbi euismod cursus erat eget adipiscing. Morbi sed ante porta nibh posuere porttitor. Cras ullamcorper venenatis urna vulputate viverra. MORBI EUISMOD CURSUS ERAT EGET ADIPISCING. MORBI SED ANTE PORTA NIBH POSUERE PORTTITOR. CRAS ULLAMCORPER VENENATIS URNA VULPUTATE VIVERRA.
DIN PRO BLACK/ITALIC
RUNNING running
Morbi euismod cursus erat eget adipiscing. Morbi sed ante porta nibh posuere porttitor. Cras ullamcorper venenatis urna vulputate viverra. MORBI EUISMOD CURSUS ERAT EGET ADIPISCING. MORBI SED ANTE PORTA NIBH POSUERE PORTTITOR. CRAS ULLAMCORPER VENENATIS URNA VULPUTATE VIVERRA.
Tipografía secundaría
Verdana
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 124567890(!”·$%&/?Ç*^¨) Verdana Regular
abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ 124567890(!”·$%&/?Ç*^¨) Verdana Bold
Esta familia tipográfica se usará en documentos como en “Word”, “Excel”, “PowerPoint”, ó cualquier otro por su disponibilidad en diferentes plataformas.
SISTEMA GRÁFICO
ELEMENTOS COMPLEMENTARIOS RECURSO GRÁFICO
40
70º
El recurso gráfico del cual se desprende la mayor parte del lenguaje visual de marca, es sencillamente la simplificación del sentido tipográfico del logo, el cual esta intencionalmente inclinado hacia adelante en un angulo de 70º para darle impulso a la marca, un sentido de velocidad y agilidad. A partir de esta diagonal se construirá todo un mundo donde la marca consiga inspirar y motivar a los atletas con conceptos como: ir siempre adelante, espíritu ganador, voluntad para no rendirse, no hay obstaculos grandes e insuperables, entre otros, conceptos que seguramente poco a poco irán formando una filosofía de vida.
De los elementos complementarios, quizá los mas importantes serán las franjas o contenedores de formas diagonales resultantes de la inclinación de la marca, serán apoyo vital que ayudarán a definir un lenguaje visual, gráfico y único para 21Korredores. La versatilidad de estas formas es casi indefinida pues con creatividad pueden resultar infinidad de formas para aplicar. Pueden contener información, fotografías, logos, patrocinios, etc, además es un recurso gentíl a la hora de diagramar piezas de comunicación y expresión de marca. A continuación se muestran algunos ejemplos basicos:
SISTEMA GRﾃ：ICO
ELEMENTOS COMPLEMENTARIOS PATRONES
Se recomienda utilizar patrones como recurso visual, apoyaran cuando sea necesario la grﾃ｡fica de las piezas, no sera una obligaciﾃｳn utilizarlos. Representan dinamismo y la marcha hacia adelante.
40
Puede utilizarse la paleta y sus combinaciones vistas en la secciﾃｳn de color.
ELEMENTOS COMPLEMENTARIOS OTROS RECURSOS
Otro recurso que se puede útilizar es una línea a manera de estela dejada por el símbolo o logosímbolo tal como esta en los sigueintes ejemplos, este ejercicio será de gran ayuda para la aplicacion de la marca en algunas piezas,
La estela puede ser manejada en los colores de la marca y una variante con los colores utilizados
SISTEMA GRÁFICO
ELEMENTOS COMPLEMENTARIOS CONCEPTO FOTOGRÁFICO
Las fotografías deben ser conceptuales, que denoten esfuerzo, emoción, disciplina, salud, vitalidad, dinamismo, orgullo, tenacidad, satisfacción, quizá algunas imagenes pueden reflejar el cansancio producto del esfuerzo fisico, tambien es importante representar el valor del compañerismo y trabajo en equipo.
40
En la fotografía se podrán utilizar con ciertos filtros que le den cierto caracter a la escena, tambien se podrán utilizar imagenes en escala de grises, esto le da cierto drama a la imagen y despierta sensaciones y emociones que puede ser muy útiles para la marca.
Nota: Las fotografiás utilizadas en este manual son ilustrativas y no pueden ser utilizadas en piezas sin comprar sus derechos.
SISTEMA GRÁFICO
USO SOBRE MATERIALES
Los elementos visuales de la marca “21K” pueden ser usados sobre diferentes tipos de materiales como se ve en la muestra.
40
Cortado, troquelado, fundido.
Estampado sobre cualquier material.
Grabado en metal o vidrio.
Impreso.
Alto o bajo relieve.
Estampado sobre vidrio.
Grabado en madera.
Bordado.
USOS INCORRECTOS
Estos son algunos usos incorrectos del logo y del símbolo “acercasa”.
Cambiar la disposición de los elementos del logo.
No se debe aplicar el logo sobre texturas saturadas ni patrones que dañen la lectura
El logo no debe descomponer su construccion original, ni repetir el símbolo en ningún caso
21
No se debe aplicar sobre fotografias saturadas donde se afecte la lectura.
orredores
No de debe deformar, extruir o sesgar.
No se recomienda aplicar degragadados y menos en colores que no reconoce la marca
No se debe cambiar la tipografía original por ningún motivo
El símbolo no debe ser contenedor de imágenes.
El símbolo no debe perder su forma original.
No se debe reducir la marca menos de lo que se establece en el manual.
la marca no debe ir en lía en ningún caso
No se recomienda utilizar outlines para aislar la marca de fondos sucios.
40
APLICACIONES
APLICACIONES
FACHADA
40
APLICACIONES
BANDERINES
40
APLICACIONES
CAMISETAS
40
APLICACIONES
WEB SITE
HOME RETOS
ENTRENAMIENTOS GALERIAS
EVENTOS SOCIAL
SIGUENOS HASTA LA META...
SPONSOR CONTACTO
PROXIMO DESAFIO Laboreida
HOME RETOS
ENTRENAMIENTOS GALERIAS
lkjadskkksss
EVENTOS SOCIAL
Laboreida
lkjadskkksss
SPONSOR CONTACTO
Lorem ipsum dolor sit amet "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
Laboreida
lkjadskkksss
Laboreida
lkjadskkksss
40
HOME RETOS
ENTRENAMIENTOS GALERIAS
EVENTOS SOCIAL
SPONSOR CONTACTO
SOLO DEPENDE DE TI... Laboreida
HOME RETOS
ENTRENAMIENTOS GALERIAS
lkjadskkksss
EVENTOS SOCIAL
Laboreida
lkjadskkksss
SPONSOR CONTACTO
SOLO DEPENDE DE TI...
CHAMPION!! Unt ut labore et dolore magna aliqua
Unt ut labore et dolore magna aliqua
Unt ut labore et dolore magna aliqua
Laboreida
lkjadskkksss
Laboreida
lkjadskkksss
APLICACIONES
WEB SITE / IPAD / MACBOOK
40
HOME RETOS
ENTRENAMIENTOS GALERIAS
EVENTOS SOCIAL
SPONSOR CONTACTO
SOLO DEPENDE DE TI... PROXIMO DESAFIO Laboreida
lkjadskkksss
Laboreida
lkjadskkksss
APLICACIONES
PACKAGING
40
APLICACIONES
STAND FERIAS
40
APLICACIONES
CINTAS
40
APLICACIONES
BANDERINES
40
VISERA
40