Brand Book
1
www.juanjofitness.com facebook.com/juanjo.fitness jj.solis@juanjofitness.com 4
Brand Book
5
Uso de este Libro de Marca JuanJo Fitness es una empresa
dedicada al entrenamiento personal y nutrición. Este libro de marca es una guía para la aplicación de la imagen e identidad gráfica de la misma. Dentro de sus contenidos y a lo largo del libro se establecen pautas e información para el debido uso del logo y sus posibles variantes, así como material extra de papelería y aplicaciones que facilitan el manejo de la imagen de “JuanJo Fitness” en el mercado publicitario. Se recomienda seguir y respetar cada uno de los puntos expuestos en este libro de marca para la creación de nuevos materiales gráficos.
6
7
Indice: Elementos de la Indentidad Gráfica Corporativa Justificación Connotativa................................. 12 Justificación Geométrica..................................14 Retícula de apoyo..............................................16 Área de aislamiento..........................................18 Tamaños mínimos.............................................21 Tipografía Principal y Secundaria...................22 Codificación Cromática....................................24 Alternativas de solución...................................27 Fondos de color.................................................30 Limitanciónes de usos del logo......................32
8
Aplicaciones de la Identidad Gráica Corporativa Hoja membretada principal y secundaria..............36 Tarjeta de presentación.............................................38 Sobre Carta..................................................................39 Plantilla de PowerPoint..............................................40 Banner y Gafete Institucional...................................41 Ejemplo del set de papelería....................................43
Señalización, comunicación externa y públicidad Uniformes y variantes................................................46 Lineamiento para vallas y mupies...........................48 Lineamiento para comunicación impresa..............49 Lineamietno para promocionales............................50
9
CapĂtulo Uno
10
Elementos de
la Indentidad Grรกfica Corporativa
11
Justificación Connotativa:
Juanjo Fitness Dentro de las connotaciones del logo JuanJo Fitness (JJF) se encuentran 3 conceptos principales a nivel de forma y significados cromáticos. El primer concepto es el balance representado a través de la forma básica del Yin Yang. El segundo concepto es la mancuerna de ejercicio que habla de lo que se trata principalmente la marca, un entrenamiento personal basado en la rutina de ejercicio y un plan de nutrición. El tercero es una unión tipográfica de las iniciales de la marca la “J” y la “F” que divide el círculo dando la sensación del Yin Yang.
-Ying YangRepresentación espiritual del equilibrio entre dos dualidades.
-MancuernaSimbolizada como ícono del ejercicio, el esfuerzo y el compromiso.
-Juanjo FitnessIniciales del nombre de la empresa, entrelazadas entre sí. Línea media de todo.
12
Ejercicio
Balance
Energía
Podemos resumir los conceptos en 3 principales: Ejercicio, balance y energía. Esto quiere decir que JJF es una marca que denota un estilo de vida balanceado, saludable y activo, un aspecto importante en su gráfica. 13
Justificación Geométrica: Círculos y líneas. La geometría se basa en una serie de círculos y líneas para fomar la geometría básica y oficial del logo. A la izquierda se exponen las medidas de los círculos en base a la retícula de apoyo.
Círculo uno 11 A
Círculo dos 6,5 A
Círculo tres 3A
Círculo cuatro 1A 14
15
Retícula de apoyo: Proporción La proporción del logo se basa en un cuadrado que tiene la misma medida que el grosor del asta media en la unión de las tipografías. Dicho grosor lo llamaremos “A” 11 x 11 A Esta es la proporción oficial del logo.
A= 11 x 11 A
16
1
2
3
4
5
6
7
8
9
10
11
1 2 3 4 5 6 7 8 9 10 11
17
Área de aislamiento: Horizontal La proporción de las zonas de respeto se basan en 2A al rededor de el logo y la tipografía y en medio del el texto y el logo. La razón de esta zona de aislamiento es para que el logotipo quede fuera de cualquier elemento que comprometa su legibilidad o su mala interpretación por parte del futuro y actual público.
2A
1A
18
2A
1A
1A
2A
Vertical Igualmente que en el caso del horizontal. 19
Área de aislamiento:
2A
2A
Símbolo Igualmente el logotípo en sí tiene su propia área de respeto que comprende: 2 x 2 A. 20
Tamaños mínimos: Los tamaños minimos estan pensados para la propia legibilidad del logo en pequeñas aplicaciones como por ejemplo tagetas de presentación, camisetas, etc. Bajo esta premisa el logo no puede ser reducido más allá de los 2 centimetros. Siempre manteniendo las zonas de respeto y las proporciones.
57 px
2 cm
86 px
3 cm
4,5 cm 2 cm
Estas son las versiones horizontal y vertical del logotipo, es importante mantener esta línea y no variar a otras posiciónes el nombre de la empresa, es decir no moverlo a la izquierda del logo o por encima de este. (Revisar las limitaciónes de uso) 21
Tipografía Principal: Muli Creado por Vernon Adams. Muli es una tipografía minimalista Sans Serif. Muli fue diseñada principalmente como tipografía para títulos, pero también puede usarse para cuerpos de texto.Muli ha sido diseñada para usarla libremente alrededor de internet.
El astuto zorro brincó el arbusto para escapar del cazador. Regular 17
El astuto zorro brincó el arbusto para escapar del cazador. Light Italic 12 El astuto zorro brincó el arbusto para escapar del cazador.
Light 9 ABCDEFGHIJKLMNOPQRSTUWXYZ abcdefghijklmnopqrstuwxyz 1234567890 !“#$%&‘()*+,-./0123456789:;<=>?@[\]^_`{|}~¡¢£ ¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎ Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é êë ì í î ï ð ñ ò ó ô õ ö ÷øùûüýþÿ–—‘’‚“”„•‹›€
22
Tipografía Secundaria: Palatino Llamada así en honor al maestro escritor Giambasttista Palatino y creada por Hermann Zapf en 1948. Su gracia y fuerza le a dado una fama haciendola una de las más utilizadas dentro del mundo del diseño. Su forma y contraforma asemejan la caligrafía de la pluma y tintero del renacimiento italiano.
El astuto zorro brincó el arbusto para escapar del cazador. Bold 17
El astuto zorro brincó el arbusto para escapar del cazador. Italic 12 El astuto zorro brincó el arbusto para escapar del cazador. Bold Italic 12 El astuto zorro brincó el arbusto para escapar del cazador. Italic 12
ABCDEFGHIJKLMNOPQRSTUWXYZ abcdefghijklmnopqrstuwxyz 1234567890 !“#$%&‘()*+,-./0123456789:;<=>?@[\]^_` {|}~¡¢£¤¥¦§¨©ª«¬®¯°±²³´µ¶·¸º»¼½¾¿ÀÁÂÃÄÅÆÇÈÉÊË Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é êë ì í î ï ð ñ ò ó ô õ ö ÷ ø ùûüýþÿ–—‘’‚“”„•‹›€
23
Codificación Cromática: Colores Corporativos
24
CMYK C: 10 M: 90 Y: 100 K: 0
CMYK C: 100 M: 10 Y: 70 K: 0
CMYK C: 85 M: 85 Y: 50 K: 85
RGB R: 190 G: 67 B:45 #: BE432D
RGB R: 45 G: 153 B: 121 #: 2D9979
RGB R: 0 G: 0 B: 25 #: 000019
Pantone 173 C
Pantone 3278 C
Pantone 5255 C
Los colores tienen su propia psicología que refuerzan el concepto de balance y energía. El color naranja se relaciona con la juventud y la extroversión, y con frecuen cia es garantía de emociones fuertes. Expresa advertencia y originalidad. El color turquesa es el color de lo espiritual, de la reflexión y de la calma y su polo opuesto es el naranja. Es desestresante y expresa un ser lleno de fuerzas, infinidad y creatividad.
Colores Asociados
Papel
CMYK C: 40 M: 80 Y: 70 K: 50
CMYK C: 90 M: 50 Y: 50 K: 25
RGB R: 86 G: 48 B: 48 #: 563030
RGB R: 38 G: 68 B: 74 #: 26444A
Pantone 490 C
Pantone 5463 C
La codificación cromatica corporativa y asociada están resueltas para que la marca genere un contraste fuerte entre sus combinaciones, es importante recordar que la imagen se basa en energía y ejercicio asi que hay que mantener esa idea. 25
Codificación Cromática: Colores de Enlace
CMYK C: 20 M:15 Y: 0 K: 0
CMYK C: 0 M:10 Y: 50 K: 0
CMYK C: 20 M:20 Y: 20 K: 0
RGB R: 202 G: 207 B: 229 #: CACFE5
RGB R: 248 G: 225 B: 149 #: F8E195
RGB R: 199 G: 193 B: 190 #: C7C1BE
Pantone 2706 C
Pantone 1205 C
pantone 434 C
Claramente dependiendo del fondo que se le ponga al logo, este debe cambiar el color de la tipografía para que no exista problemas de legibilidad. Recuerde que el logo esta diseñado para que exista un contraste entre su fondo y él mismo. Los colores de enlace son para solucionar posibles situaciones de fondos, etc. 26
Alternativas de soluci贸n Full color En el caso del full color trabajamos los colores oficiales y el nombre de la empresa en negro.
Dos tintas Esta es la forma de aplicar el logo a dos tintas en caso de ser necesario. Notece el uso del nombre en el mismo color de los colores corporativos conrrespondientes.
Nunca se debe utilizar colores asociados o de enlace en la variacion de dos o una tinta. Siempre se aplican a este caso los colores corporativos. 27
Una tinta Una tinta En las variaciones de una tinta se puede dejar cualquiera de los 2 colores asociados principales (naranja o turquesa) o dejar un color m谩s saturado que el otro para crear una diferencia.
Recordar que en una sola tinta se utilizan s贸lo los colores oficiales del logo (naranja y tuquesa) 28
Variaciones
Es importante que a la hora de trabajar el logotipo a nivel de línea, cuidar su grosor. Un grosor mayor a 1p a reducciones de 2 centimetro modificará las contra formas y creará varaciones no deseadas en el logo.
Estas versiones se aplican para la variación vertical y horizontal del logotipo.
29
Fondos de color
30
Con respecto a los fondos de color hay que tomar muy en cuenta que cualquier color que vaya a interferir o dificultar la legibilidad del logo o de cualquiera de su tipografías, hay que descartarlo. Generalmente para la papelería formal se usan fondos blancos. Para que quede claro siempre hay que tener un contraste entre el fondo y cualquier cosa arriba de él. Recuerde que siempre es sano mantener la imagen profesional y seria de la marca, pero se pueden crear contrastes altos para dinamizar cualquier diseño entorno a la marca (Buscar los conceptos principales del color de JJF en la sección de codificación cromática) Estos son algunos ejemplos y aquellos que no se permiten están marcados con su signo de prohibición.
31
Limitaciones de uso del logo Lo que no hay que hacer. AcĂĄ se exponen ejemplos de usos indebidos del logotipo de JuanJo Fitness. Cualquier forma o color inadecuado con el que se trate el logo es una falta a la imagen grĂĄfica de la empresa. En orden para obtener un lineamiento coherente se recomienda seguir las especificaciones anteriores establecidas en este libro de marca.
32
Estirar horizontal o verticalmente, poner el nombre de la marca al frente del logo, todas ellas son formas que varĂan la el logotipo oficial y no compete a la seriedad de la empresa.
Cambiar el nombre ha arriba del logo o hacia la izquierda de este. Voltear el logotipo de forma vertical.
Cambiar el orden de los colores oficiales. Igualmente variar las proporciones originales del logo.
Tratar de contrastar el logotipo con formas geometricas diferentes al cĂrculo o con lĂneas de contorno dentro del logo.
33
CapĂtulo Dos
34
Aplicaciones
de la Identidad Grรกfica Corporativa
35
Hojas menbretadas: Principal
Vemos que en la hoja principal se añade una franja del turquesa oficial de la marca con la característica de que en ambos extremos existen curvas que señalan en direcciones opuestas, esto es parte de la identidad gráfica que representa la línea media del logotipo, estas curvas estarán muy presentes a la hora de generar nuevo material gráfico, es la base de la línea gráfica. 36
Hojas menbretadas: Secundaria
La secundaria es mĂĄs simple, solamente el logo en sus colores principales. Ambos casos pueden ser impresos en blanco y negro como una fotocopia normal, para cuestiones de economĂa
37
Targeta de presentaci贸n
Pesas & Yoga www.juanjofitness.com
JuanJo Sol铆s G. Entrenador Pesas & Yoga Tel: (506)8302 5547 jj.solis@juanjofitness.com
La simplicidad en la marca es importante.
38
Sobre carta
Aca vemos posibles soluci贸nes a sobre cartas o portada de proyectos. A estos se les puede agregar la informaci贸n de contacto o la p谩gina web de JJF, seg煤n sea el caso. 39
Plantilla de Power Point
La simplicidad debe estar presente, igualmente para presentaci贸nes de PPT.
40
Banner y Gafete Institucional
A la hora de utilizar fotografías en la gráfica de JJF, estas deben representar energía y disciplina. Por ejemplo personas ejercitándose, corriendo, etc. (Los colores del banner pueden variar, mientras se mantenga dentro de la paleta cromática corporativa) 41
42
Ejemplo del set de papelería.
Hoja membretada principal Gafete Institucional Tarjeta de presentación Sobre de carta Caratula y paquete de CD’s Carpeta o sobre manila
43
CapĂtulo Tres
44
Se帽alizaci贸n, comunicaci贸n
externa y publicidad
45
Uniformes y Variantes
En el caso de los uniformes nos centramos en las camisas tipo polo. Su material puede variar. Es recomendable utilizar la serigrafía para el estampado del diseño pues es mucho más perdurable que otras técnicas. El uso de los colores corporativos es vital para que el público reconozca a JuanJo Fitness como marca.
46
Este mismo estilo puede variarse a camisas de diferente color, pero para mantener el contraste utilizar solo negro y blanco en camisas.
47
Lineamiento para Vallas y Mupies La vallas publicitarias o banners tienen una connotación meramente de publicidad es por eso que elementos que llamen la atención como contrastes fuertes de color y buenas fotografías son vitales para estos materiales. Siempre debe existir el logotipo oficial en alguna parte del arte. En este ejemplo se utilizó la variante en blanco del logotipo para poder integrar el color naranja en la valla para que genere un alto contraste con la fotografía. Todo esto tiene relación así que el uso del logotipo en blanco está justificado y pensado para crear un interés más fuerte en la valla. El logo oficial sigue estando presente.
48
Lineamiento comunicación impresa Con respecto a los recursos de publicidad como brochures, afiches, volantes, etc, el logotipo de JJF debe estar de primera entrada. El arte en su totalidad tiene que estar diseñado bajo la gama cromática corporativa. Las tipografías pueden variar y contener solo el texto necesario para mantener la frescura y la elegancia sin perder el interés, que es la idea principal de la marca.
49
Lineamiento para promocionales
A lo que se refiere a productos promocionales y regalías para lo clientes nuevos o regulares, se debe incluir el logotipo oficial y si se desea una variante de este, pero el logo oficial debe estar obligatoriamente por cuestiones de reconocimiento de la marca y su posicionamiento a la par de otras regalías similares de la competencia. El diseño dependerá del objeto, en este ejemplo vemos un par de tazas de café que contienen el logotipo corporativo, más la personalización con el nombre del cliente. Igualmente si se quiere se puede incluir el eslogan o fotografías referentes al carácter de la marca.
50
Conclusión Este libro de marca establece el carácter de la identidad e imagen gráfica de JuanJo Fitness y se debe consultar antes de la creación de cualquier diseño en relación. Acá se hayan los lineamientos básicos para la creación de nuevos materiales gráficos o de publicidad, más no limita la creatividad, este libro es una guía.
“El diseño no es solo lo que se ve o lo que se siente. Diseño es cómo funciona.” -Steve Jobs -
51
53
Mejora tu estilo de vida. 54