Manual de identidad visual - Jolly Joker by Nico Luna

MANUAL DE IDENTIDAD VISUAL CORPORATIVA Versi贸n 2.1 Febrero de 2016

CONTENIDO INTRODUCCIÓN

IDENTIDAD

Nuestro logo Composición Área de seguridad del isotipo Área de seguridad del logotipo Tamaño Mínimo del logo Colores del logo Logo en monocromo Logo sobre imágenes Usos incorrectos del logo Eslogan Otros formatos del logo

8 9 10 11 12 13 14 14 15 16 17

TIPOGRAFÍA

Fuente del logotipo Fuente principal Fuente secundaria Guías de composición tipográfica

21 22 23 25

ELEMENTOS GRÁFICOS COMPLEMENTARIOS

Paleta de colores Gráficos adicionales Fotografía

28 30 32

EJEMPLOS DE DISEÑO

Aplicaciones de los elementos complementarios Papelería Comunicaciones digitales Comunicaciones exteriores

36 38 40 41

BIENVENIDO AL NUEVO MANUAL DE MARCA DE JOLLY JOKER. ¡ESTE MANUAL EXISTE PARA HACERNOS VER CONSISTENTEMENTE GENIALES! SIGUE ESTE MANUAL PARA CREAR MATERIAL DE MARKETING Y COMUNICACIONES EXTERNAS E INTERNAS 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 contacto@jollyjoker.co (No mordemos).

¿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.

IDENTIDAD El logo

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 marca V2.1

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.

6° X

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.

0.7X

11X 0.3X

6°

14X

TODO EL MUNDO NECESITA UN POCO DE ESPACIO PERSONAL ÁREA DE SEGURIDAD DEL ISOTIPO 2X

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

Manual de marca V2.1

ร 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.

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.

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

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

Tamaño del icono: 16px

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.

Manual de marca V2.1

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

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.

Logo gris sobre fondo blanco.

Logo negro sobre fondo blanco.

Logo blanco sobre fondo gris

Logo blanco sobre fondo 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 imágenes claras

Logo blanco sobre imágenes oscuras

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

Manual de marca V2.1

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.

Lorem ipsum dolor sit

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

NO cambies el orden del isotipo y del logotipo

NO cambies las proporciones del isotipo y del logotipo

NO realices rotaciones al logo

NO escales el logo sin mantener las proporciones originales

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

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

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 marca V2.1

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.

IDENTIDAD Tipografía

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 marca V2.1

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.

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 700 ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 - (&$#@¿?¡!/*+.,:;)

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.

MUSEO SANS ROUNDED 900 ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 - (&$#@¿?¡!/*+.,:;)

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.

MUSEO SANS ROUNDED 500 ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 - (&$#@¿?¡!/*+.,:;)

Manual de marca V2.1

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 REGULAR ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 - (&$#@¿?¡!/*+.,:;)

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 BOLD ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 - (&$#@¿?¡!/*+.,:;)

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 BOLD ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 - (&$#@¿?¡!/*+.,:;)

VERDANA REGULAR ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 - (&$#@¿?¡!/*+.,:;)

Manual de marca V2.1

GUÍAS DE COMPOSICIÓN TIPOGRÁFICA

JOLLY JOKER DISEÑA CAMISETAS EN LÍNEA

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 (Tamaño: 24 / Interlineado: 27,6) 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.

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ﾃ：ICOS COMPLEMENTARIOS Paleta de colores, grﾃ｡ficos y fotografﾃｭa

ESCOGE UN COLOR CUALQUIER 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 Solid Coated 2026 C

Pantone Solid Coated 292 C

HEX #FF7043

HEX #29B6F6

C0 M 66 Y 87 K0

C 100 M 25 Y0 K0

R 255 G 112 B 67

R 41 G 182 B 246

Pantone Solid Coated 7405 C

Pantone Solid Coated 7479 C

HEX #FFCA28

HEX #2ECC71

C0 M 12 Y 100 K0

C 80 M0 Y 65 K0

R 255 G 202 B 40

R 46 G 204 B 113

Pantone Cool Gray 10 C

Pantone Solid Coated Black 7 C

HEX #666e75

HEX #424242

C4 M0 Y0 K 75

C4 M0 Y0 K 85

R 102 G 110 B 117

R 66 G 66 B 66

Manual de marca V2.1

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 Solid Coated 2023 C

Pantone Solid Coated 304 C

HEX #FF8A65

HEX #9AE0EF

C0 M 55 Y 66 K0

C 36 M0 Y6 K0

R 255 G 112 B 67

R 154 G 222 B 239

Pantone Solid Coated 100 C

Pantone Solid Coated 373 C

HEX #FCE870

HEX #D4E58A

C0 M0 Y 58 K0

C 20 M0 Y 42 K0

R 252 G 232 B 112

R 212 G 229 B 138

Pantone Cool Gray 1 C

Pantone WARM GRAY 4 C

HEX #ECF2F3

HEX #D1D1C8

C6 M3 Y0 K0

C9 M 11 Y 13 K 23

R 236 G 242 B 243

R 209 G 206 B 200

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 marca V2.1

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.

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 marca V2.1

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ﾃ前 Papelerﾃｭa, documentos internos y publicidad en exteriores

APLICACIONES DE LOS ELEMENTOS COMPLEMENTARIOS

¡LLEGARON LAS VACACIONES!

Manual de marca V2.1

ยกNUEVOS

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

PAPELERÍA Carta con encabezado y pie de página

Tarjetas

Santiago de Cali, 1 de febrero de 2016 Señor JUAN GARCÍA Director CONFECCIONES S.A. Carrera 65 # 9A-2 Bogotá, Colombia 319-3953834

Sed egestas, ante et vulputate volutpat, eros pede semper est, vitae luctus metus libero eu augue. Morbi purus libero, faucibus adipiscing, 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.

contacto@jollyjoker.co Calle 1 No. 2-3 Cali, Colombia www.jollyjoker.co

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, adipiscing 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 contacto@jollyjoker.co Calle 1 No. 2-3 Cali, Colombia www.jollyjoker.co

Sobre para carta

Manual de marca V2.1

Empaques

PapelerĂa impresa

COMUNICACIONES DIGITALES Firma para correos electrónicos

Mimail

Para:

comercial@printingcompany.com

Asunto:

Solicitud

Señor JUAN 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-3 Cali, Colombia www.jollyjoker.co contacto@jollyjoker.co 319-3953834

Equipo Jolly Joker ______________

Calle 1 No. 2-3 Cali, Colombia www.jollyjoker.co contacto@jollyjoker.co 319-3953834

Manual de marca V2.1

COMUNICACIONES EN EXTERIORES

Avisos m贸viles

Paraderos de buses

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 contacto@jollyjoker.co Gracias.