Manual de identidad visual - Jolly Joker

MANUAL DE IDENTIDAD VISUAL CORPORATIVAVersión 2.1Febrero de 2016

CONTENIDO

INTRODUCCIÓN

IDENTIDADNuestro logoComposiciónÁrea de seguridad del isotipoÁrea de seguridad del logotipoTamaño Mínimo del logoColores del logoLogo en monocromoLogo sobre imágenesUsos incorrectos del logoEsloganOtros formatos del logo

TIPOGRAFÍAFuente del logotipoFuente principalFuente secundariaGuías de composición tipográfica

ELEMENTOS GRÁFICOS COMPLEMENTARIOSPaleta de coloresGráficos adicionalesFotografía

EJEMPLOS DE DISEÑOAplicaciones de los elementos complementarios PapeleríaComunicaciones digitalesComunicaciones exteriores

4

689101112131414151617

1821222325

26283032

3436384041

BIENVENIDO AL NUEVO MANUAL DE MARCA DE JOLLY JOKER. ¡ESTE MANUAL EXISTE PARA HACERNOS VER CONSISTENTEMENTE GENIALES!

NUESTRO CONCEPTO DE DISEÑO

Nuestra marca es más que nuestro logotipo. Se trata de un esquema de diseño compuesto por una serie de elementos fundamentales y los principios guías que se combinan para crear un aspecto distintivo y sentir que es inmediatamente reconocible como Jolly Joker.

Esta guía te ayudará a familiarizarte con los elementos básicos de la marca para ayudarte en el diseño y producción de comunicaciones dinámicas y poderosas con un grado de flexibilidad.

Si no estás seguro, no dudes en preguntarnos en [email protected] (No mordemos).

SIGUE ESTE MANUAL PARA CREAR MATERIAL DE MARKETING Y COMUNICACIONES EXTERNAS E INTERNAS

¿DE QUÉ SE TRATA?

Nuestra nueva identidad de la marca tiene que ver con demostrar cómo Jolly Joker es un punto clave en la vida real de la gente.

Estamos para crearle a los usuarios medios de identidad, para satisfacer sus antojos, explorar sus intereses, y ampliar sus horizontes.

De esto se trata nuestra marca, identidad que sirve como un punto de contacto, para conocer a las personas desde donde estén.

IDENTIDADEl logo

© Jolly [email protected]

8

NUESTRO LOGO

Aquí está otra vez-nuestro logo. Nuestro logotipo es el elemento más visible de nuestra identidad, una firma universal en todas las comunicaciones de Jolly Joker. Es una garantía de calidad que une a nuestros diversos productos y servicios.

Utilizamos la misma versión en la impresión, en la pantalla, y en cualquier material externo. Es muy sencillo. Fácil de entender. No hay sombras, sin reflejos brillantes, no hay efectos gráficos llamativos.

Nuestro logotipo es una declaración audaz, gráficamente impactante, geométrica y llena de color.

Significa la unión entre los polos opuestos y la ambivalencia por medio de un sombrero de bufón.

Si bien es un logo muy versátil, tenemos que tratarlo bien. Las siguientes páginas cubren el uso correcto para garantizar que nuestro logo siempre se vea mejor.

Isotipo Logotipo

Logo

Manual de marcaV2.1

9

X

11X

6°

6°6°

0.7X

0.3X

COMPOSICIÓN

Sirviéndonos de una retícula, podemos apreciar y mantener las proporciones del isotipo para cualquier aplicación en la que se deba representar.

Cada cuadro de esta grilla (X) representa una unidad dentro del plano y el número total (tanto en la escala vertical como en la horizontal) representa el número de veces que dicha unidad está presente en las partes que componen la imagen.

La composición reticular representada permite evitar distorsiones incorrectas en la utilización del isotipo, manteniendo su proporcionalidad independientemente del tamaño de uso o medio de reproducción.

El isotipo posee una rotación de 6° en el sentido opuesto a las manecillas del reloj. Esta rotación se debe mantener independientemente del formato o espacio en el que el isotipo sea ubicado.

14X


10

TODO EL MUNDO NECESITA UN POCO DE ESPACIO PERSONAL

ÁREA DE SEGURIDAD DEL ISOTIPO

Para asegurar que nuestras versiones de la firma sean claramente visibles en todas las aplicaciones, hay que rodearlas con suficiente espacio libre, libre de letras, libre de gráficos y otros elementos que puedan causar el desorden visual. Esto es para maximizar el reconocimiento y el impacto de nuestra identidad.

Para asegurar la integridad y legibilidad del logo, el área que la rodea directamente debe ser protegida.

Cuando se utiliza el símbolo, se debe mantener un espacio libre de dos unidades hacia cada costado del símbolo.

2X

2X

2X 2X

Manual de marcaV2.1

11

ÁREA DE SEGURIDAD DEL LOGOTIPO En el caso del logo, el espacio entre el isotipo y el logotipo debe ser de dos unidades.

Al igual que el isotipo, el área de seguridad del logo es de dos unidades hacia cada costado.


12

LAS COSAS BUENAS VIENEN EN TAMAÑOS PEQUEÑOS

TAMAÑO MÍNIMO DEL LOGO No hay tamaños predeterminados para el logotipo de Jolly Joker. La escala y la proporción deben ser determinadas por el espacio disponible, la estética, la función y visibilidad.

No hay un tamaño máximo predefinido para el logotipo. En la impresión el tamaño mínimo es de 0.8“.

Para usos digitales el tamaño mínimo para el logotipo estándar es de 100 píxeles. Hay un formato específico para el icono en el que se utiliza el isotipo de 16px de ancho.

Tamaño mínimo: 100px/0,8” Tamaño mínimo: 100px/0,8”

Tamaño mínimo: 23px/0,3” Tamaño mínimo: 23px/0,3”

Tamaño del icono: 16px Tamaño del icono: 16px

Manual de marcaV2.1

13

ESCOGE UN COLOR, CUALQUIER COLOR

Nuestro color representativo es el naranja, el naranja es amigable, representa la creatividad, la energía y el éxito. Este color transmite emociones como la alegría y la diversión, características que encajan perfectamente con la marca Jolly Joker, por esta razón es necesario comunicarla mediante este tono.

Por otra parte, Jolly Joker es una marca versátil, una marca que se adapta a cualquier situación. En casos especiales el color de fondo puede ser de cualquier color dentro de la paleta de colores de Jolly Joker. El contraste es de uso importante, usa el logo blanco sobre fondos de color y el logo naranja sobre fondos blancos.

En las páginas 28 y 29 encontrarás información detallada de los valores de cada color.

Cuando el logo esté sobre fondo blanco, el logotipo nunca debe mostrarse de otro color.

Logo blanco sobre fondo a color


14

LOGOS EN MONOCROMO

El uso preferido para nuestro logo está en nuestros colores vibrantes. En algunos casos, un logotipo a todo color puede no ser práctico o posible, debido a las limitaciones en la impresión. Para estos casos puedes usar una versión gris (hecha con un tinte de 75% de negro) o un logo de un solo color blanco o negro.

IMÁGENES DE FONDO

Nuestro logo también puede ser utilizado en un fondo de imagen con un contraste suficiente. Utiliza un logo totalmente gris en fondos de color claro, y una versión totalmente en blanco para los fondos oscuros. Puedes usar el logo naranja sólo si el fondo es muy claro.

Al colocar el logotipo sobre imágenes, por favor asegúrate de que esté colocado dentro de un área despejada para permitir la máxima legibilidad.

Logo gris sobre fondo blanco. Logo negro sobre fondo blanco.

Logo blanco sobre fondo gris

Logo gris sobre imágenes claras

Logo blanco sobre imágenes oscuras

Logo naranja sobre imágenes claras con un área despejada

Logo blanco sobre fondo negro

Manual de marcaV2.1

15

POR FAVOR NO...

Para mantener la integridad del logo de Jolly Joker, y para promover la consistencia de la marca, es importante que utilices el logotipo como se describe en estas directrices.

Los ejemplos mostrados aquí ilustran los usos incorrectos del logo de Jolly Joker que deben ser evitados.

A excepción del eslogan NO añadas textos que interfieran con el logo

Lorem ipsum dolor sit

NO delinees el logo NO añadas ningún tipo de sombra al logo

NO apliques reflexiones ni filtros al logo

NO utilices el logo como una máscara de recorte

NO utilices logos de color sobre el fondo gris o fondos de color

NO ubiques el logo sobre un fondo que no genere contraste

NO uses el logo gris o el logo negro sobre fondos de color

NO ubiques el logo sobre un fondo que no esté despejado

NO escales el logo sin mantener las proporciones originales

NO realices rotaciones al logo

NO cambies las proporciones del isotipo y del logotipo

NO cambies el orden del isotipo y del logotipo

NO uses degradados NO mezcles los colores de la paleta en el logo

NO uses colores que no estén en la paleta de colores de Jolly Joker


16

ESLOGAN

Hemos creado este eslogan para ayudar a fortalecer y construir la equidad en la marca, de esta manera crear una relación clara entre los medios de comunicación entre Jolly Joker y de diversos sitios que patrocinamos, poseemos, operamos y para los que le generamos contenido. Usado de manera consistente y precisa, esta placa servirá para crear conciencia de nuestra marca a través de toda la red.

Construido a partir de nuestro logo principal, esta placa incluye el eslogan de “Diseña Camisetas en Línea” como una indicación del rol de Jolly Joker como una descripción de la actividad principal que queremos posicionar en Jolly Joker. Este eslogan es el único elemento que puede ir dentro del área segura del logo.

Manual de marcaV2.1

17

FORMATO VERTICAL

Diseñamos esta versión de nuestro logo pensando en aquellos formatos en donde no es posible usar el logo horizontal, esta configuración permite ajustar nuestro logo en situaciones específicas, como en áreas con espacio reducido o en formatos verticales.

JOLLYJOKER.CO

Esta versión será utilizada en todas las piezas gráficas con contenido publicitario, es una llamada a la acción y a conocer un poco sobre lo que hacemos a través de nuestro sitio.

IDENTIDADTipografía


20

UNA FUENTE AMABLE

MUSEO SANS ROUNDED ES NUESTRO TIPO DE LETRA. LA USAMOS EN TRES ANCHOS: 900, 700 Y 500

La tipografía es un aspecto importante en nuestra identidad de marca. Nuestro estilo tipográfico contribuye a nuestra estética distintiva. Sigue los ejemplos de las siguientes páginas para asegurar que todas nuestras comunicaciones aparezcan coherentes.

MUSEO SANS ROUNDED ES UNA FUENTE SANS-SERIF, AMIGABLE, GEOMÉTRICA, Y PRECISA

Manual de marcaV2.1

21

LOGOTIPO

MUSEO SANS ROUNDED 700 ES LA FUENTE DE NUESTRO LOGOTIPO.

Para mantener una buena legibilidad y consistencia, modificamos cuidadosamente la letra "J" eliminando el brazo. Conservamos las demás configuraciones originales de la fuente como el espaciado, ancho y alto.


22

PUBLICACIONES EN FORMATO DIGITAL O IMPRESO

FUENTE PRINCIPAL

Para mantener la coherencia, debes usar la misma fuente del logotipo (Museo Sans Rounded 700) en encabezados de cualquier publicación digital o impresa.

MUSEO SANS ROUNDED 700ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789 - (&$#@¿?¡!/*+.,:;)



En algunos casos, una fuente pesada puede desequilibrar el contenido de una pieza, con Museo Sans Rounded 500 puedes mantener la armonía de una composición que requiera encabezados con una fuente más liviana.

Es muy importante definir una jerarquía de la información de cualquier pieza gráfica, Museo Sans Rounded 900 es la indicada para generar contraste y resaltar encabezados importantes.

Manual de marcaV2.1

23

FUENTE SECUNDARIA

Proxima Nova Regular es la fuente ideal para párrafos, se destaca por ser una fuente precisa, completa y fácil de leer. Usa esta fuente en los párrafos y líneas de textos secundarias.

Proxima Nova Bold es la fuente del eslogan que acompaña a nuestro logo, si necesitas resaltar un texto y generar contraste, usa esta variante de la fuente.

PROXIMA NOVA BOLDABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789 - (&$#@¿?¡!/*+.,:;)

PROXIMA NOVA REGULARABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789 - (&$#@¿?¡!/*+.,:;)


24

DOCUMENTACIÓN INTERNA Y PAPELERÍA IMPRESA

FUENTE SEGURA

Verdana® es una fuente que se encuentra instalada por defecto en los sistemas operativos de Microsoft Windows® o Mac OSX®, la puedes encontrar fácilmente en cualquier computador, por esta razón, Verdana® ha sido seleccionada para la papelería interna de Jolly Joker (Cartas, documentos, presentaciones, etc)

VERDANA REGULARABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789 - (&$#@¿?¡!/*+.,:;)

VERDANA BOLDABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz0123456789 - (&$#@¿?¡!/*+.,:;)

Manual de marcaV2.1

25

GUÍAS DE COMPOSICIÓN TIPOGRÁFICA

Recomendamos que los párrafos siempre estén alineados hacia la izquierda. Esto le proporciona al ojo un punto de partida constante para cada línea, lo que hace el texto más fácil de leer.

Para efectos de una mejor lectura, al componer titulares, modifica el interlineado para que este sea un 15% más grande que el tamaño de letra. Es decir un interlineado de 1,15.

Al establecer el cuerpo del texto, el interlineado debe ser un 25% más grande que el tamaño de letra. Es decir un interlineado de 1,25.

JOLLY JOKERDISEÑA CAMISETASEN LÍNEA (Tamaño: 24 / Interlineado: 27,6)

Maecenas sed imperdiet nulla. Integer sed mollis nisi. Cras tristique porta metus vel tristique.(Tamaño: 18 / Interlineado: 20,7)

Donec tortor ligula, hendrerit id purus et, ullamcorper euismod enim. Phasellus dui eros, suscipit fermentum sagittis in, convallis sed lacus. Nam ornare, quam quis dignissim dapibus, orci lectus tempus nisl, vitae suscipit arcu est vel massa. Cras nec vulputate est. (Tamaño: 14 / Interlineado: 17,5)

Quisque nec pharetra velit, ac semper orci. Vestibulum facilisis orci vitae erat sollicitudin tincidunt. Etiam tincidunt sapien ac lorem cursus, nec blandit leo convallis. Duis rhoncus, enim at sagittis vestibulum, erat dolor adipiscing eros, quis laoreet dui nisi non nunc. Cras quis tincidunt diam. Nulla id sodales libero. Nulla vulputate mi odio, eget ullamcorper ante tempor ut. Nulla euismod ante quis pellentesque porttitor. Proin fringilla, odio quis aliquam fringilla, nunc tortor convallis magna, ac tristique justo libero a nunc. Donec pulvinar neque eu gravida tristique.(Tamaño: 12 / Interlineado: 15)

ELEMENTOS GRÁFICOS COMPLEMENTARIOSPaleta de colores,gráficos y fotografía


28

ESCOGE UN COLORCUALQUIER COLOR

NUESTROS COLORES BÁSICOS SON LOS QUE NOS DAN NUESTRA PERSONALIDAD. SOMOS BRILLANTES, INTRÉPIDOS, Y COLORIDOS.

Hasta esta página, has estado viendo un logo, pero... Un solo logo sin aplicativos de color sería un poco aburrido, ¿verdad?

Hay un color gris para los casos en los que no es apropiado un logotipo de color y un gris oscuro para la tipografía.

Pantone Cool Gray 10 C

HEX #666e75

Pantone Solid Coated Black 7 C

HEX #424242

C 4M 0Y 0K 75

C 4M 0Y 0K 85

R 102G 110B 117

R 66G 66B 66

Pantone Solid Coated 2026 C

HEX #FF7043


HEX #29B6F6

C 0M 66Y 87K 0

C 100M 25Y 0K 0

R 255G 112B 67

R 41G 182B 246


HEX #FFCA28


HEX #2ECC71

C 0M 12Y 100K 0

C 80M 0Y 65K 0

R 255G 202B 40

R 46G 204B 113

Manual de marcaV2.1

29

COLORES SECUNDARIOS

Nuestra paleta de colores es audaz, y en ciertos casos puede parecerlo demasiado, para ello hemos creado 9 colores adicionales puedes utilizar para apoyar a la paleta de colores primarios.

Cuándo utilizar la paleta secundaria: • Gráficos o infográficos • Comunicación gráfica más expresiva

(Por ejemplo, carteles) • Fondos de diapositivas para

presentaciones• Ilustraciones• Elementos web (Botones, barras de

navegación, fondos)

Nunca uses los colores secundarios por sí solos. Úsalos unicamente para complementar los colores básicos.

Pantone Cool Gray 1 C

HEX #ECF2F3

Pantone WARM GRAY 4 C

HEX #D1D1C8

C 6M 3Y 0K 0

C 9M 11Y 13K 23

R 236G 242B 243

R 209G 206B 200


HEX #FF8A65


HEX #9AE0EF

C 0M 55Y 66K 0

C 36M 0Y 6K 0

R 255G 112B 67

R 154G 222B 239


HEX #FCE870


HEX #D4E58A

C 0M 0Y 58K 0

C 20M 0Y 42K 0

R 252G 232B 112

R 212G 229B 138


30

UN ESPACIO EN BLANCO QUE COMPLEMENTA NUESTRA IDENTIDAD

Nuestra identidad de marca va más allá de los elementos internos que la componen. En la parte inferior del isotipo hay un triangulo con una de sus puntas redondeadas que forma la abertura del gorro de Bufón. Esta figura permite realizar configuraciones gráficas que ayudan a reforzar nuestras comunicaciones.

22° 22°

Manual de marcaV2.1

31

USOS DEL TRIANGULO EN LAS PIEZAS GRÁFICAS DE JOLLY JOKER

Esta pieza gráfica es un elemento que complementa nuestra marca, la puedes usar en función de generar una armonía visual en el espacio equilibrando el contenido gráfico, permite generar patrones, bordes y fondos que se pueden aplicar en todas nuestras comunicaciones externas e internas.

Ubica los triángulos sobre los bordes de la composición, puedes usarlos para generar fondos o máscaras de recorte. El tamaño de los triángulos es libre, es importante que el tamaño de los triángulos sea distinto para expresar ese dinamismo de nuestra marca.

Procura no posicionar los triángulos en el centro de la composición, es muy predecible y aburrido.


32

FOTOS BONITAS

USO DE FOTOGRAFÍA

Nuestra fotografía captura una porción de la vida cotidiana. Nunca es falsa o frívola. Debería hacer que te sientas como si estuvieras allí mismo en la escena. Se trata de contar historias a través de las personalidades, las interacciones y las experiencias.

NUESTRO ESTILO FOTOGRÁFICO

• Nos gusta mostrar el espíritu de grupo, en lo posible más de tres personas con la misma camiseta.

• Aspecto natural y relajado.• Casual, situaciones de todos los

días, como en la vida real (con “todos sus defectos”, nuestras tazas de café están sucias, nuestro cuarto se desordena, nuestras camisetas están arrugadas, esto lo hace más creíble y honesto).

• Buscamos siempre sonrisas y buenos momentos.

• La vida real puede ser un poco extraña, torpe y divertida. No tenemos miedo en demostrar eso.

Manual de marcaV2.1

33

POR FAVOR NO...

Recomendamos evitar las fotografías genéricas y que no parecen reales.

NO uses imágenes en blanco y negro o fotos con iluminación plana.

NO uses imágenes en donde las personas estén posando o haciendo expresiones poco naturales.

NO uses imágenes con escenarios que se vean artificialmente organizados.

EJEMPLOS DE DISEÑOPapelería, documentos internos y publicidad en exteriores


36

APLICACIONES DE LOS ELEMENTOS COMPLEMENTARIOS

¡LLEGARON LASVACACIONES!

Manual de marcaV2.1

37

¡NUEVOSCOLORES!Publinv eridieres caece es silicen aturi, ne faci missuloc ma.


38

PAPELERÍA

Santiago de Cali, 1 de febrero de 2016

SeñorJUAN GARCÍADirectorCONFECCIONES S.A.Carrera 65 # 9A-2Bogotá, Colombia

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipis-cing, commodo quis, gravida id, est. Sed lectus. Praesent elementum hendrerit tortor. Sed semper lorem at felis. Vestibulum volutpat, lacus a ultrices sagittis, mi neque euismod dui, eu pulvinar nunc sapien ornare nisl. Phasellus pede arcu, dapibus eu, fermentum et, dapibus sed, urna.

Morbi interdum mollis sapien. Sed ac risus. Phasellus lacinia, magna a ullamcorper laoreet, lectus arcu pulvinar risus, vitae facilisis libero dolor a purus. Sed vel lacus. Mauris nibh felis, adipiscing varius, adi-piscing in, lacinia vel, tellus. Suspendisse ac urna. Etiam pellentesque mauris ut lectus. Nunc tellus ante, mattis eget, gravida vitae, ultricies ac, leo. Integer leo pede, ornare a, lacinia eu, vulputate vel, nisl.

Suspendisse mauris. Fusce accumsan mollis eros. Pellentesque a diam sit amet mi ullamcorper vehicula. Integer adipiscing risus a sem. Nullam quis massa sit amet nibh viverra malesuada.

Atentamente

Equipo Jolly Joker

319-3953834

[email protected]

Calle 1 No. 2-3 Cali, Colombiawww.jollyjoker.co

Carta con encabezado y pie de página Tarjetas

Sobre para carta

319-3953834

[email protected]

Calle 1 No. 2-3 Cali, Colombia

www.jollyjoker.co

Manual de marcaV2.1

39

Empaques Papelería impresa


40

Firma para correos electrónicos

COMUNICACIONES DIGITALES

Para:Mimail [email protected]

SolicitudAsunto:

SeñorJUAN GARCÍA

Ut convallis, sem sit amet interdum consectetuer, odio augue aliquam leo, nec dapibus tortor nibh sed augue. Integer eu magna sit amet metus fermentum posuere. Morbi sit amet nulla sed dolor elementum imperdiet. Quisque fermentum.

Cum sociis natoque penatibus et magnis dis parturient montes.

Atentamente:

Equipo Jolly Joker______________

Calle 1 No. 2-3Cali, [email protected]

Equipo Jolly Joker______________

Calle 1 No. 2-3Cali, [email protected]

Manual de marcaV2.1

41

Avisos móviles Paraderos de buses

COMUNICACIONESEN EXTERIORES

EL DISEÑO IMPORTA

Agradecemos que hayas leído nuestro manual de marca. Esto significa que compartimos algo en común: ¡Creemos que los detalles son geniales!

Sabemos que aplicar estos principios toma algo de tiempo, pero esto nos garantiza resultados de calidad.

Si tienes alguna pregunta acerca de nuestra identidad visual y su aplicación en el diseño, no dudes en contactarnos en [email protected]

Gracias.

Manual de identidad visual - Jolly Joker

Documents

Transcript of Manual de identidad visual - Jolly Joker