Introducci贸n
Quienes somos Misi贸n y visi贸n Justificaci贸n
Quienes somos
Join Ideas SAS es una empresa que nace de la idea de tres Ingenieros Industriales de la Escuela Colombiana de Ingeniería Julio Garavito en el año 2014. Esta empresa tiene como fin la consultoría y creación de soluciones informáticas de todo tipo apoyados principalmente en el programa Microsoft Excel con enlace en los programas Microsoft Access y Microsoft SQL Server, entre otros, además de esto ofrece capacitaciones sobre el manejo y creación de dichos programas y herramientas , y en el futuro pretende incorporar consultorías sobre inteligencia de negocios y cuadros de mando, estos servicios están dirigidos a todo tipo de empresarios (emprendedores, pymes, empresas consolidadas, grandes multinacionales) y/o personas naturales que requieran del servicio.
Misión y Visión
MISIÓN Somos una empresa dedicada a desarrollar soluciones informáticas a partir del análisis de las necesidades de su organización, con el fin de que sea más productiva y competitiva, mediante no solo, la mejora de hojas de cálculo, automatización de tareas y creación de instrumentos, sino también, la educación de sus colaboradores y gestión integral de la información para que su empresa tenga un modelo acertado al tomar decisiones.
VISIÓN Para el 2020, ser una empresa reconocida a nivel mundial que ofrezca servicios de alta calidad en consultoría, capacitaciones, diseño u desarrollo de software y cuadro de mando integrales, teniendo como principal activo el recurso humano.
Justificación
Este manual se ha realizado para especificar el uso correcto de la identidad planteada para la empresa a partir de la investigación y análisis realizado durante un proceso de creación. Aquí se archivan las indicaciones para el buen manejo de la marca en diferentes contextos con el fin de evitar malas practicas.
Identificador
Logosímbolo Construcción Versiones estructurales Poder de resolución Área de reserva Usos Incorrectos
Logosímbolo
Símbolo
Logotipo
build ideas, make ideas.
Eslogan
El logosímbolo se conforma del símbolo que alude a un bombillo finalizando con la J del nombre de la empresa; el logotipo “Join Ideas” y el eslogan de la empresa “build ideas, make ideas”. Este resultado proviene de la búsqueda de una imagen juvenil y moderna que conservara sobriedad y seriedad con el fin de proyectar calidad. Todo lo anterior se plasmo por medio de trazos geométricos y fluidos que dan como resultado una forma liviana.
Construcción La construcción del identificador se hizo dentro de una cuadricula, donde un cuadro equivale a 1A, unidad de medida estándar para los valores de las figuras a realizar.
1A
9A
8A 7A
10A
1. Se trazan 4 círculos, el primero y mas grande de
10A de radio, el segundo en el centro de este de 8A r, seguido creamos otra circunferencia de 9A r a partir del centro del lado derecho de la circunferencia mas grande y el ultimo circulo de 7A r se hace a partir de la circunferencia mas pequeña, naciendo del centro del lado izquierdo. Como se muestra en la gráfica se unen las circunferencias para crear el trazo de un circulo pero en la zona inferior izquierda el tamaño del cuarto de circulo que sigue se disminuye para crear una espiral hacia adentro.
2. Una vez se obtiene la espiral base se crean dos
círculos igual que los primeros en el paso anterior pero de 4A r y 6A r. La ubicación de la circunferencia coincide con el trazo del cuarto de circulo en la parte inferior izquierda para luego unirlos y completar la espiral. Por ultimo a partir del círculo mas pequeño creando una diagonal de 45° obtenemos el punto de partida para trazar el ultimo circulo; el tamaño de este se determina por el punto de contacto que debe tener con el punto de ancla del lado izquierdo de la circunferencia mas grande.
4A 6A
Construcción
22A 20A
3. Como podemos ver en la gráfica, los círculos
de color negro conforman el contorno de la forma final y los círculos grises crean la división interna que simula el volumen. Ahora para completar la forma de la J interna se realizan dos circunferencias la primera de 20A r y la segunda de 22A r, cada una naciente del centro del lado derecho de las ultimas circunferencias que hacen parte del espiral. Esta forma mas recta nos permite formar el cuerpo de la J.
Construcci贸n
2A 2A 2A
4. Para el siguiente paso nos centramos en la
parte inferior del bombillo. Se hacen dos lineas paralelas entre si que pasen por los cuatros puntos resaltados en la gr谩fica. Este trazo sera el que genere la inclinaci贸n de las siguientes diagonales, las cuales formaran las otras dos franjas, todas con 2A de altura.
2A
Construcci贸n
1,5A 1,5A
5. Para terminar con la parte inferior se unen las
3 franjas entre si por dos franjas mas que se formaran a partir de estas. El espacio entre las franjas superpuestas es de 1,5A pero al tener diferentes largos cambia la inclinaci贸n de las que las conectan. Por ultimo las lineas verticales de cada franja se inclinan 14掳 para crear mas dinamismo en el zigzag que conforman
Construcci贸n
6. Ahora se estilizan las formas de las franjas al redondear los v茅rtices 1mm. Esto suaviza la forma y proporciona mas delicadeza al zigzag que se crea sin alterar el dinamismo que este produce.
Construcción
8A 2A
2A
7. Para completar el identificador con la J del centro
se toma el asta de esta letra de la fuente Lucida Handwriten, esta se ubica en un recuadro de 8A por 2A, se traza una linea vertical en la mitad y una diagonal que atraviese los puntos destacados en la gráfica, de esta manera se obtiene la mitad del asta que se duplica en espejo y de nuevo se refleja en vertical para que al unirlas el trazo sea continuo y se genere el asta final. Como ultimo movimiento se ubica el asta, usando el recuadro de 8A por 2A como guía, en el centro de la linea vertical que atraviesa el punto destacado de la gráfica ubicado en el centro de donde se habían creado los círculos anteriores que se encargaron de dar forma al cuerpo interno de la J.
Versiones Estructurales
20A
29A
17A
12A 60A
Identificador Horizontal
Versiones Estructurales
build ideas, make ideas.
20A
29A 60A 17A
12A 3A
bu build b uilld d ideas ideas, d deas, eas m make ake ideas ideas. d deas eas. 38A
Identificador Horizontal con Eslogan
Versiones Estructurales
20A
29A
8A 40A
Identificador Vertical
Versiones Estructurales
20A
29A
40A 8A build ideas, make ideas.
2A
bu b uiild u ld id de ea asss,, ma a akkke e id de ea asss.. a 12A
Identificador Vertical con Eslogan
Versiones Estructurales
14A 45A 18A
9A
Identificador Horizontal en Linea.
Versiones Estructurales
20A
29A
Identificador Individual LogosĂmbolo
Poder de Resolución
30 mm
Min 30pts logo po 59 mm
45 mm
El poder de resolución, establece el tamaño mínimo para cada versión del identificador, con el objetivo de que se mantenga la legibilidad en tamaños reducidos.
Min 11pt slogan 68 mm
Poder de Resoluci贸n
65 mm 45 mm
Min 30pt logo po 44 mm
Min 11pt slogan 59 mm
Poder de Resolución
18 mm
25 mm
15 mm Min 25pts logo po 49 mm
Para estas versiones del identificador que fueron constituidas para adecuarse a espacios pequeños donde las versiones horizontales y verticales básicas no son fáciles de ubicar, ejemplo de este caso la versión horizontal en linea que se uso para el menú de la web. (Ver sección digital- página web).
Área de Reserva
build ideas, make ideas.
El área de reserva es el espacio que necesita el logo para funcionar sin que se vea afectado por otros elementos, es un espacio de respeto que se debe conservar siempre y no se debe sobreponer nada en este. Para este caso el área de reserva es proporcional al alto de la “a” de la palabra “ideas” del logotipo.
Área de Reserva
En el caso del Identificador individual el área de reserva se crea a partir de dividir el ancho del logosímbolo y crear un cuadrado con esta cifra, se ubica en cada esquina como lo muestra la gráfica creando el espacio que se necesita para garantizar el área de respeto.
Usos incorrectos
Cualquier uso del identificador y sus versiones que no este contemplado dentro de este manual, se considerará un uso incorrecto. Sus proporciones mínimas, de espacio, aspectos tipográficos, cromáticos, formales y compositivos, siempre deben mantenerse dentro de lo establecido en este manual.
Elementos del Identificador
Tipograf铆a Paleta de color Color real / Escala de grises Aplicaci贸n de color
Tipografía
JUICE BOLD ABCDEFGHIJKLMN ÑOPQRSTUVWXYZ abcdefghijklmn ñopqrstuvwxyz 0123456789 ”·$%&/()=?¿^*Ǩ. PRIMARIA
Diavlo book abcdefghijklmn ñopqrstuvwxyz 0123456789 ”·$%&/()=?¿^*ç¨.
Logotipo Juice es una tipografía sin serifas de características modernas que se adaptan perfectamente al símbolo y al concepto trabajado. Por otra parte cuenta con una estructura bastante peculiar que permite crear una recordación en el espectador por sus formas y curvas. Eslogan Diavlo es una fuente que remite a la misma idea tanto formal como concelptualemente a la escogida para el logotipo, pero con los beneficios de tener mejor legibilidad en menores puntajes, especialmente en minúsculas.
Tipografía
Aller Regular Aller Italic Aller Light Aller Light Aller Bold Aller Bold Italic
ALLER SECUNDARIA Como tipografía secundaría, Aller es adecuada para lectura de textos e información más extensa que la habitualmente trabajada en el identificador. Esta tipografía se emplea principal y únicamente en documentos de redacción emitidos por Join Ideas y documentos internos de la empresa.
ABCDEFGHIJKLMN ÑOPQRSTUVWXYZ abcdefghijklmn ñopqrstuvwxyz 0123456789 ”·$%&/()=?¿^*Ǩ.
Paleta de Color
Paleta de color primaria - Degrade.
%
C
M
Y
K
R
G
B
HE X
0
0
60
100
40
147
89
19
#9 2 5 9 1 3
10
0
60
100
10
197
116
26
#c5 7 3 1 9
50
0
50
90
10
220
146
52
#9 7 6 7 2 4
0
0
60
100
20
181
108
24
#b 4 6 b 1 7
50
0
50
90
10
220
146
52
#c5 7 3 1 9
100
0
60
100
20
181
108
24
#b 4 6 b 1 7
0
0
70
100
70
91
50
0
#5 b 3 1 0 0
100
0
70
100
20
176
89
24
#a f5 8 1 7
Paleta de Color C
M
Y
K
R
G
B
HEX
100
90
50
75
23
25
39
#1 6 1 8 2 6
100
90
50
70
26
28
44
#1 9 1 c 2 b
100
90
50
65
28
31
48
#1 c 1 f3 0
0
0
0
95
13
13
13
#0 1 0 1 0 1
0
0
70
15
226
214
101
#e1 d 5 6 4
0
0
70
5
246
232
108
#f5 e8 6 b
100
90
50
75
23
25
39
#1 6 1 8 2 6
100
90
50
70
26
28
44
#1 9 1 c 2 b
100
90
50
65
28
31
48
#1 c 1 f3 0
Paleta de color primaria - Color plano.
Paleta de Color
La paleta de color secundaria se dejara abierta a criterio del diseĂąador siempre cumpliendo con la condiciĂłn de que sean variaciones del mismo tono para crear armonĂa en las combinaciones y contrastes de color.
Paleta de color primaria - Color plano.
Color Real/ Escala de Grises
Escala de Grises
Escala de grises degrade y color plano.
%
K
K
0
86
40
10
56
80
50
40
0
66
50
40
100
66
0
100
100
70
Aplicación de Color
Al realizar alguna variación cromática dentro del identificador el logotipo como el eslogan deben permanecer del mismo color que se le aplique a cualquiera de los dos que también debe coincidir con el principal del identificador. En cuanto al símbolo debe aplicarse color plano si no es el color real y solo debe tener dos tonalidades, la principal y la misma pero mas oscura para las zonas que simulan la sombra. Las variaciones cromáticas deben estar dentro de las establecidas en las paletas de color. En el caso de la paleta de color secundaria se aplica la misma lógica, se pueden implementar solo colores que estén ligados y sean del mismo tono, cambiando saturación o contraste teniendo en cuenta el color del plano cromático de fondo.
Aplicación de color
Las variaciones cromáticas en planos detrás del identificador, solo pueden oscilar dentro de las paletas de color planteadas anteriormente. En el caso de la paleta de color secundaria se aplica la misma lógica, se pueden implementar solo colores que estén ligados y sean del mismo tono, cambiando saturación o contraste teniendo en cuenta el color del identificador. Se debe manejar color plano en el identificador cuando se emplea un plano cromático de fondo. Tal como se ejemplifica aquí.
Aplicaciones
Gráfica complementaria Papelería Digital Fotografía
Gráfica complementaria 1A La gráfica complementaria nace de la parte inferior del identificador. A partir del zigzag que generan las 3 franjas que simulan la parte de abajo del bombillo, se crea la misma idea delimitandola a los formatos a usar.
PRIMERA GRÁFICA COMPLEMENTARIA La construcción se hizo dentro de una cuadricula, donde un cuadro equivale a 1A, unidad de medida estándar para los valores de las figuras a realizar. (Remitirse a construcción identificador).
1. Dentro de una cuadricula se realiza un rectángulo
y tomando dos nodos conectados, ya sean los superiores o inferiores se desplazan 1A hacia un lado-
2. El triangulo que genera el desplazamiento de
los dos nodos se ubica de acuerdo al formato siempre coincidiendo el angulo de 90° con la esquina de este y conservando su proporción a nivel perceptivo.
Esta gráfica se aplica en situaciones donde se necesite que la aplicación sea sutil para que el contenido no se vea afectado.
Ver aplicación en sección Papelería.
Grรกfica complementaria
Gráfica complementaria
SEGUNDA GRÁFICA COMPLEMENTARIA Teniendo en cuenta la construcción de la gráfica anterior también se desarrolla esta con la misma base.
1A
1. Dentro de una cuadricula de 4A por 8A se trazan
1A
3 franjas diagonales con 1A de diferencia y de desplazamiento para crear la inclinación.
2. Superpuestas a estas se crean otras 3 franjas Claro
Oscuro
en reflejo horizontal, de manera que quedan cruzadas.
3. Por ultimo se usan 3 colores, el primero que debe
ser el mas claro, el fondo que es el intermedio y las franjas de la parte de atrás que es el mas oscuro, siempre dentro de la misma tonalidad.
Intermedio
Esta gráfica se aplica en situaciones donde la aplicación ocupe todo el formato y el contenido sea mínimo y manipulable para que sea armonioso y no se genere saturación innecesaria.
Ver aplicación en sección Papelería.
Grรกfica complementaria
PapelerĂa
Papelería
A
29mm
21mm
29mm
10mm
30mm 10mm
10mm
TARJETA DE PRESENTACIÓN En la tarjeta de presentación, en lado A irá el logo del identificador independiente centrado. En el lado B irá el logo horizontal enn linea junto con la información personal en la parte inferior todo justificado a la derecha, haciendo coincidar el comienzo del logotipo con el resto de la información. El nombre irá en Aller Regular 12 puntos, posición en la empresa Aller lItalic 10 puntos, celular y dirección web en Aller Light 8 puntos.
B
49mm
8mm
15mm 3mm
Miguel Caballero Sierra Director de Producto
15mm 8mm
313 3534756 / 30 20 000 www.joinideas.co
10mm
30mm
59mm
Papelería
30mm
30mm
30mm 10mm
First Name Last Name Addressee’s name Building number/name and street Post Town, Post Code
45 pts Dear First Name Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu vulputate sapien. In quis imperdiet lectus, eget accumsan sem. Vestibulum consequat rhoncus cursus. Quisque ultrices facilisis libero, eu facilisis nisl congue sit amet. Phasellus consequat justo mi. In sollicitudin justo sed eros blandit, non eleifend elit faucibus. Duis arcu lacus, accumsan id lectus eu, condimentum tincidunt purus. Cras ac justo sed odio mattis gravida consectetur ac sapien. Integer eleifend enim et ipsum fermentum auctor. Sincerely,
First Name Last Name Position
15 mm 25mm
www.joinideas.co 300 100 1000 / 30 20 000 Cll 128A #21-09 Bogotá
HOJA MEMBRETE (CARTA) Las hojas membretes tendrán el identificador de la empresa horizontal. Debe estar la información básica de la empresa (Dirección, teléfono, ciudad), la cual ira en 10 puntos. La dirección, el email, el teléfono y la ciudad deben medir 8 puntos alineada con la información de la empresa en la cabecera y el identificador. El cuerpo debe tener un sangrado de 45 puntos y todo el contenido debe estar en Aller Light.
Papelería
30mm
59mm
30mm 30mm 10mm
First Name Last Name Addressee’s name Building number/name and street Post Town, Post Code
45 pts
Dear First Name Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu vulputate sapien. In quis imperdiet lectus, eget accumsan sem. Vestibulum consequat rhoncus cursus. Quisque ultrices facilisis libero, eu facilisis nisl congue sit amet. Phasellus consequat justo mi. In sollicitudin justo sed eros blandit, non eleifend elit faucibus. Duis arcu lacus, accumsan id lectus eu, condimentum tincidunt purus. Cras ac justo sed odio mattis gravida consectetur ac sapien. Integer eleifend enim et ipsum fermentum auctor. Consectetur: - Integer -Eleifend -Enim -Ipsum -Fermentum -Auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum eu vulputate sapien. In quis imperdiet lectus, eget accumsan sem. Sincerely,
HOJA MEMBRETE (OFICIO) First Name Last Name Position
En tamaño oficio se manejará las mismas especificaciones en cuento la información y la mismo tipografía que en el formato carta. La unica diferencia es la margen inferior que debe medir 30 mm a diferencia de la carta que mide 25mm.
15 mm 30mm
www.joinideas.co 300 100 1000 / 30 20 000 Cll 128A #21-09 Bogotá
30mm
20mm
50mm 20mm
50mm 20mm
Papelería
50mm
A
15mm
Brand Name Limited Addressee’s name Building number/name and street Locality name (if required) Post Town, Post Code Phone/Fax www.brandname.com
Brand Name Limited Addressee’s name Building number/name and street Locality name (if required) Post Town, Post Code
20mm
B SOBRE 15 pt
En el lado A, en la parte inferior se ubica el identificador horizontal en lina, con un espacio de 20mm hacia la derecha le sigue la información de la empresa con todos los datos correspondientes del mandatario anexando teléfono y dirección web. De igual manera con 20mm de distancia se ubican los datos del destinatario por ultimo. Se maneja un tamaño de fuente de 8 puntos con 9 puntos de interlineado justificado a izquierda.
build ideas, make ideas.
Brand Name Limited Addressee’s name Building number/name and street Locality name (if required) Post Town, Post Code Phone/Fax www.brandname.com
Brand Name Limited Addressee’s name Building number/name and street Locality name (if required) Post Town, Post Code
Por el lado B se ubica centrado horizontal y verticalmente a 20 puntos el slogan de la empresa que debe tener el mismo color que la parte interna de la solapa del sobre.
Papelería
49mm
15mm 10mm
58mm
A CD Y ESTUCHE En el CD se implementara siempre color plano en toda la superficie con el identificador Horizontal en linea centrado en la parte superior. La caja del CD sera un cuadrado tipo caja, la cara (lado A)tendrá aplicada la segunda gráfica complementaria con el identificador en el centro en la portada, y en la contraportada tendrá los datos de la empresa a 8 puntos con 10 puntos de interlineado alienado al centro. El lado B tendrá el slogan a 15 puntos centrado vertical y horizontalmente en l retiro de la portada. Para la otra cara habrán dos cortes circulares para sostener el CD en el centro.
30mm
www.joinideas.co 300 100 1000 / 30 20 000 Cll 128A #21-09 Bogotá
B 15 pt
build ideas, make ideas.
Papelería
A
17mm
www.joinideas.co 300 100 1000 / 30 20 000 Cll 128A #21-09 Bogotá
45mm 25mm
B
CARPETA Esta carpeta adaptada para documentos tamaño carta, usa la gráfica complementaria en lado A extendiéndose por la portada y contra portada.
40mm 100mm 20mm
En el lado B todo el interior debe ir con color plano y en el retiro de la portada el slogan en 30 puntos. La solapa debe ir del color del slogan. En el reverso de la carpeta debe ir la información básica de contacto de Join Ideas: Dirección, teléfono, mail y ciudad en la fuente Aller Light a 11 puntos con un interlineado de 12 puntos alineada al centro.
40mm
Digital
PÁGINA WEB
Digital
REDES SOCIALES
build ideas, make ideas.
build ideas, make ideas.