MANUAL DE IDENTIDAD GRﾃ：ICA
CONTENIDOS
A1 A2 A3 A4 A5 A6
C1 C2 C3 C4 C5
1
2
A | Esencia
B | Gráfica
Concepto Contexto Misión, Visión Tono de voz Valores ADN
B1 B2 B3 B4 B5 B6 B7 B8 B9 B10 B11 B12 B13
Logotipo Inspiración Construcción Opciones, negativo Colores Sobre fotografía Área de protección Retícula y tamaño mínimo Usos correctos, usos incorrectos Paleta de color Tipografía Estilo de fotografía Elementos gráficos
3
4
Aplicación
Check list
Impresos Publicidad Empaque Digital Ambiente
Revisión Contacto
MACHINA Brandbook
MACHINA Brandbook
ESENCIA It has become obvious that our technology has exceeded our humanity Albert Einstein MACHINA Brandbook
MACHINA Brandbook
Concepto
Funcionalidad
Contexto
Marca de moda para hombre basada en el concepto de wearable technology, que critica y cuestiona temas políticos y/o sociales con carácter irreverente.
Cada temporada crítica y cuestiona un movimiento social de la historia.
El punto de encuentro entre lo rebelde y lo innovador, lo masculino y lo irreverente. Ropa y accesorios que incorporan gadgets y tecnología avanzada a sus diseños.
A1 | Esencia de la marca. Concepto
MACHINA Brandbook
MACHINA Brandbook
Esencia de la marca. Contexto | A2
Misión Generar un interés hacia la marca proveniente tanto del uso de los gadgets como de la estética general.
Visión Posicionarse como una marca competente a nivel internacional sin caer en los estereotipos del main stream.
Tono de voz Los usuarios de Machina manejan un idioma propio basado en lenguajes de programación y los valores de la marca. El objetivo es hacer que cada usuario se sienta como una parte integral de Machina mediante la comunicación entre ambos.
A3 | Esencia de la marca. Misión, visión
MACHINA Brandbook
MACHINA Brandbook
Esencia de la marca. Tono de voz | A4
Masculino
Innovador
Rebelde
Irreverente
Una marca estrictamente para hombres.
Una marca vanguardista que siempre está buscando las útlimas tecnologías para expresarse.
Una marca que no esta de acuerdo con el sistema, que crítica y cuestiona.
A5 | Esencia de la marca. Valores
Una marca que crítica con un carácter sarcástico e irreverente.
MACHINA Brandbook
MACHINA Brandbook
Esencia de la marca. Valores | A5
Fuente tipográfica: FORZA Diseñada por H&F
A6 | Esencia de la marca. ADN
MACHINA Brandbook
MACHINA Brandbook
Esencia de la marca. ADN | A6
GRﾃ：ICA
MACHINA Brandbook
MACHINA Brandbook
Lenguaje de programación de gadgets digital output
digital input
This is the basic ‘hello world’ program used to simply turn This something is the simplest on or off.form In this of input with only two possible st example, an LED is connected to pin13, and is blinked every example second. reads Thea resistor simple switch or pushbutton connected t may be omitted on this pin since the Arduino has one builtclosed in.high the input pin will read HIGH and turn on an LED. potentiometer input current output int ledPin = 13;
B1 | Gráfica. Inspiración del logotipo
MACHINA Brandbook
// LED on digital int ledPin pin 13 = 13; // output pin int inPin = 2; // input pin ( void setup() // run once { void setup() pinMode(ledPin, OUTPUT); // sets pin {13 as output } pinMode(ledPin, OUTPUT); // declare LED pinMode(inPin, INPUT); // declare swi void loop() // run over }and over again Using a potentiometer and one of the Arduino’s analog-to-digital conversion (ADC) { pinsdigitalWrite(ledPin, it is possible to read analogHIGH); values from following //0-1024. turnsThe thevoid LED loop() onexample uses a potentiometer to control an LED’s rate of blinking. delay(1000); // pauses for { 1 second digitalWrite(ledPin, LOW); // turns the LED if (digitalRead(inPin) off == HIGH) // check delay(1000); // pauses for {1 second int potPin = 0; // input pin for the potentiometer } digitalWrite(ledPin, HIGH); // turns int ledPin = 13; // output pin for the LED delay(1000); // pause Sometimes it is necessary to control more than 40ma f digitalWrite(ledPin, LOW); // turns MOSFET or transistor could be used to switch higher void setup() delay(1000); // pausec example quickly turns on and off the MOSFET 5 times { } pinMode(ledPin, OUTPUT); // declare ledPin as OUTPUT } Note: The schematic shows a motor and protection dio } loads could be used without the diode. void loop() MACHINA Brandbook Gráfica. Inspiración del logotipo | B2 {
Inspiración Los gadgets de Machina son creados con programas especiales como “Arduino”, que manejan lenguajes de programación basados en circuitos. Los circuitos, y la conexión entre ellos, son la base de la identidad de la marca.
Tipografía El arreglo tipográfico se adapta a los espacios que crea la parte derecha de la imagen.
Logotipo
Cuando el logotipo se presente con tipografía, este será el único acomodo posible.
La imagen del logotipo nace a partir de rotar una conexión entre circuitos para formar la M de Machina.
Alineación El primer fuste de la “M” se alinea con el segundo de la “H”, mientras que el primero de la “N” lo hace con el de la “I”.
B3 | Gráfica. Construcción del logotipo
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Construcción del logotipo | B3
Opciones El logotipo sólo podrá ser usado de las siguientes maneras:
1 Logotipo completo con tipografía. Utilizado horizontalmente en la composición
2 Logotipo sin tipografía. Utilizado verticalmente en la composición machina/grafica/logotipo.ai
B4 | Gráfica. Opciones
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Negativo | B4
Opciones de color
Limitaciones
Una sola tinta
El logotipo se podrá utilizar en estas cuatro opciones cuando se use más de una tinta, con el objetivo de crear el contraste necesario para su legibilidad.
El logotipo completo (imagotipo y tipografía) siempre se presentará con el mismo color.
Estas opciones se presentan cuando solo se puede utlizar una tinta.
machina/grafica/colores.ai
B5 | Gráfica. Colores
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Colores | B5
Tamaño
Color
Ubicación
Logotipo
El logotipo aplicado sobre fotografías presentará un tamaño correspondiente a una vigésima parte del área total.
El color sobre fotografías siempre será blanco.
Se ubicará en las partes más obscuras de la fotografía con el fin de crear el contraste necesario para su lectura.
Siempre se utilizará el logotipo completo.
B6 | Gráfica. Logotipo sobre fotografía
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Logotipo sobre fotografía | B6
B6 | Gráfica. Logotipo sobre fotografía
MACHINA Brandbook
Rebase
Acomodo
En algunos casos se podrá utilizar el logotipo como textura rebasado sobre la imagen con una transparencia, siempre y cuando también aparezca completo.
Siempre se deberá mostrar la mitad superior del logotipo. Si aparece de arriba se presentará invertido. Nunca deberán sobreponerse el logotipo como textura y el logotipo completo
MACHINA Brandbook
Gráfica. Logotipo sobre fotografía | B6
1/4 X 1/2 X
X
.5 cm
.5 cm
Área de protección
Tamaño mínimo
El área de protección sirve para que ningún elemento en la composición obstruya o compita con el logotipo.
El tamaño mínimo legible es de .5 cm, pero se recomienda usarlo en 1 cm.
Ninguna imagen deberá rebasar el marco gris.
B7 | Gráfica. Área de protección
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Retícula y tamaño mínimo | B8
Usos correctos
Usos incorrectos
Estas son las únicas dos maneras en las que se podrá utilizar el logotipo.
Estos son algunos de los errores frecuentes que se pueden presentar al utilizar el logotipo. Es importante no alterar la imagen de ninguna manera que no esté establecida en este manual.
B9 | Gráfica. Usos correctos
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Usos incorrectos | B9
Escala de grises 85 %
Escala de grises 100 %
PANTONE Process Black C
PANTONE 7547 C
C-0 M-0 Y-0 K - 100
C - 35 M-4 Y-0 K - 94
R - 35 G - 31 B - 32
WEB - 231F20
R - 23 G - 41 B - 52
WEB - 172934 Escala de grises 35 %
Escala de grises 50 %
Color El negro es el color institucional en la marca, y tiene de apoyo tres colores complementarios que soportan las aplicaciones.
PANTONE 8200 C
PANTONE 123 C
C - 62 M - 39 Y - 31 K - K2
C-0 M - 24 Y - 94 K-0
R - 109 G - 135 B - 253
WEB - 6D8799
R - 255 G - 196 B - 37
WEB - FFC425
A continuaci贸n se muestra c贸mo esta compuesto cada uno en cinco sistemas de color: Pantone, CMYK, RGB, WEB y escala de grises machina/grafica/paleta de color.ai
B10 | Gr谩fica. Color
MACHINA Brandbook
MACHINA Brandbook
Gr谩fica. Color | B10
MACHINA
MACHINA
OBVIOUS
OBVIOUS
It has become that our technology
Has Exceeded OUR HUMANITY Tipografía Institucional La tipografía institucional es la fuente Gotham Bold, y sólo se utilizará en el logotipo.
B11 | Gráfica. Tipografía Institucional
It has become that our technology
Has Exceeded OUR HUMANITY Forza Book
Forza Light
Complementaria La tipografía complementaria es la fuente Forza. Ésta fuente se utilizará en todas las aplicaciones títulos y cuerpos de texto.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789¿?¡!#$%&/()
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789¿?¡!#$%&/()
Forza Bold
Forza Black
Se usa esta fuente para resaltar lo tecnológico y masculino de la marca, que también funciona con la tipografía institucional establecida.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789¿?¡!#$%&/()
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789¿?¡!#$%&/()
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Tipografía complementaria | B11
Tono
Contexto
Encuadre
Las fotografías representan lo masculino y rebelde de la marca por lo que siempre deberán ir recargadas a tonos obscuros y secos, sin utilizar colores vivos.
Los escenarios son lugares urbanos crudos, oxidados y olvidados, tales como deshuesaderos de autos, fábricas viejas, callejones, etc...
Producto: pretende captar todo el detalle del producto en un encuadre directo.
En algunos casos el tono estará balanceado a alguno de los colores complementarios de la marca, como puede ver en la página siguiente. B12 | Gráfica. Estilo de fotografías
Los objetos encontrados en estos lugares serán los posibles elementos para utilizar en las fotografías. Con ellos se pretende reforzar los valores de la marca. MACHINA Brandbook
Modelo: modelo con la prenda/gadget interactuando con el escenario. Conceptual/artística: más libre, captando texturas, movimientos y composiciones que representen los valores de la marca.
MACHINA Brandbook
Gráfica. Estilo de fotografías | B12
COLOR PRENDA / GADGET VALORES MASCULINO | REBELDE | IRREVERENTE
TALLA
CH
PRENDA / GADGET ETIQUETA TEMPORADA TIPO DE ENERGÍA
RADIO PIRATA
ENERGÍA ELÉCTRICA
200 V
400 W
CARGA
Valores
Etiquetas
El sistema de simbología que describe los valores de la empresa surge del lenguaje de programación de circuitos.
Lo mismo sucede en las etiquetas para proveer al usuario de toda la información necesaria sobre el contenido del empaque que adquiere en la tienda.
Éste funciona para catalogar las prendas y los gadgets según hacia que combinación se recargua más cada modelo.
machina/grafica/elementosgraficos.ai
B13 | Gráfica. Elementos gráficos
MACHINA Brandbook
MACHINA Brandbook
Gráfica. Elementos gráficos | B13
The conclusion of design flows naturally from the data; we should not shrink from it; we should embrace it and build on it.
APLICACIĂ“N
Michael Behe
MACHINA Brandbook
MACHINA Brandbook
4 cm 14 cm
.9 cm
16 cm
.5 cm
16.5 cm
9 cm 2.5 cm
2 cm
3 cm
5 cm
MACHINA
6.5 cm
Cervantes Savedra 14 Torre B Dep 711 Col. Granada C.P.11000 México D.F.
ANTONIO MACHINA MACHINA.ORG
26 Abril del 2011 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pellentesque elementum arcu, non ultrices mauris aliquam a. Proin mattis luctus viverra. Nullam ac turpis sem, a blandit sapien. Suspendisse porta erat et lectus interdum sed viverra arcu facilisis. Sed quis tellus a eros volutpat commodo. Maecenas quis suscipit nibh.
04455 14 52 35 60 | antonio@machina.com
.9 cm 5.3 cm .5 cm
24.8 cm
ANTONIO MACHINA MACHINA.ORG
Aliquam auctor vestibulum nisl, eu laoreet purus dictum at. Pellentesque volutpat auctor felis, vitae pretium erat malesuada sodales. Aliquam bibendum viverra euismod. Vestibulum dignissim, lorem sed vestibulum ultricies, magna dui tincidunt ipsum, eu rhoncus est diam et neque. Mauris semper congue nisl, nec ultricies justo rutrum non. Nunc facilisis pretium congue. Nunc eu turpis sapien. Mauris ante sem, condimentum quis pellentesque vitae, dictum vel risus. Nunc nec orci quis enim consequat interdum eu in felis.
4.5 cm ANTONIO MACHINA MACHINA.ORG
04455 14 52 35 60 | antonio@machina.com
04455 14 52 35 60 | antonio@machina.com
9 x 5 cm
Vestibulum dignissim, lorem sed vestibulum ultricies, magna dui tincidunt ipsum, eu rhoncus est diam et neque. Mauris semper congue nisl, nec ultricies justo rutrum non. Nunc facilisis pretium congue. Consectetur eget.
Detalle
Tipografía
Se utilizan los tres colores complementarios.
Nombre: Forza Bold Contacto: Forza Light
Las tarjetas van perforadas aleatoriamente dentro de los hoyos de los circuitos.
Puntaje: 9 pts.
Tipografía MACHINA: Forza Bold Contacto: Forza Light Puntaje: 9 pts.
Esquina superior izquierda redondeada. machina/aplicacionimpresa/tarjetas.ai
C1 | Aplicación impresa. Tarjetas de presentación
Vestibulum dignissim, lorem sed vestibulum ultricies, magna dui tincidunt ipsum, eu rhoncus est diam et neque. Mauris semper congue nisl, nec ultricies justo rutrum non. Nunc facilisis pretium congue. Vestibulum dignissim, lorem sed vestibulum ultricies, magna dui tincidunt ipsum, eu rhoncus est diam et neque. Mauris semper congue nisl, nec ultricies justo rutrum non. Nunc facilisis pretium congue.
MACHINA Brandbook
machina/aplicacionimpresa/hoja.ai
MACHINA Brandbook
Aplicación impresa. Hoja membretada | C1
4 cm 14 cm 16 cm 16.5 cm 2 cm 14 cm 16 cm 16.5 cm
2.5 cm
7 cm 2.5 cm
MACHINA
3 cm
Cervantes Savedra 14 Torre B Dep 711 Col. Granada C.P.11000 México D.F.
MACHINA
3 cm
Cervantes Savedra 14 Torre B Dep 711 Col. Granada C.P.11000 México D.F.
7 cm
24.8 cm
Tipografía (ambos) MACHINA: Forza Bold Contacto: Forza Light Puntaje: 9 pts.
machina/aplicacionimpresa/sobrecarta.ai
C1 | Aplicación impresa. Sobre carta
MACHINA Brandbook
machina/aplicacionimpresa/sobremediacarta.ai
MACHINA Brandbook
Aplicación impresa. Sobre media carta | C1
MACHINA.COM
21 cm
MACHINA.COM MACHINA.COM
69 cm
MACHINA.COM
78 cm
MACHINA.COM
MACHINA.COM MACHINA.COM
MACHINA.COM
MACHINA.COM
MACHINA.COM
60 x 90 cm
MACHINA.COM
MACHINA.COM MACHINA.COM
Cartel
MACHINA.COM
Son cuatro carteles que representan los cuatro valores de la marca que se conectan sucesivamente. Se utilizan los colores complementarios. machina/aplicacionpublicitaria/carteles.ai
C2 | Aplicaci贸n publicitaria. Cartel
MACHINA Brandbook
MACHINA Brandbook
Aplicaci贸n publicitaria. Cartel | C2
C2 | Aplicaci贸n publicitaria. Cartel
MACHINA Brandbook
MACHINA Brandbook
Aplicaci贸n publicitaria. Cartel | C2
8 cm 5.5 cm
194 cm
MACHINA.ORG
MACHINA.ORG
MACHINA.ORG
140 x 210 cm
Parabús El parabús surge de las conexiones entre los circuitos, que a la vez son la inspiración del logotipo. Los circuitos van perforados para que una luz interna pueda salir por ellos. machina/aplicacionpublicitaria/parabus.ai
C2 | Aplicación publicitaria. Parabús
MACHINA Brandbook
MACHINA Brandbook
Aplicación publicitaria. Parabús | C2
MACHINA.COM
MACHINA.ORG
Espectacular Existen dos tipos de espectaculares que maneja la marca: el primero que promueve el producto y el segundo que promueve los valores y el concepto.
machina/aplicacionpublicitaria/espectacular.ai
C2 | Aplicaci贸n publicitaria. Espectacular
MACHINA Brandbook
MACHINA Brandbook
Aplicaci贸n publicitaria. Espectacular | C2
11.8 cm
COLOR PRENDA / GADGET 10.5 cm
17.5 cm
VALORES
MASCULINO | REBELDE | IRREVERENTE
CH
TALLA PRENDA / GADGET ETIQUETA
9 cm
RADIO PIRATA
TEMPORADA 11.3 cm
MASCULINO | REBELDE | IRREVERENTE
CH
11.5 cm
TIPO DE ENERGÍA
ENERGÍA ELÉCTRICA
200 V
400 W
CARGA COLOR GADGET
15.5 cm
VALORES TIPO DE ENERGÍA
RADIO PIRATA
18.5 cm
ENERGÍA SOLAR
CARGA
ENERGÍA ELÉCTRICA
200 V
400 W
REBELDE | VANGUARDIA
200 V 400 W
GADGET ETIQUETA TEMPORADA
RADIO PIRATA
COLOR PRENDA
Etiquetas
Tipografía
El lenguaje utilizado en las etiquetas parte de los elementos gráficos desarrollados a partir de los lenguajes de programación. El objetivo es que el usuario pueda saber lo que contiene el empaque así como sus características básicas.
Forza Book
VALORES MASCULINO | REBELDE | VANGUARDIA | IRREVERENTE
Siempre se utilizará en altas.
TALLA
M
PRENDA ETIQUETA TEMPORADA
RADIO PIRATA
Existen tres tipos de etiquetas: Prenda, gadget y prenda/gadget. machina/aplicacionempaques/etiquetas.ai
C3 | Aplicación en empaques. Etiquetas
MACHINA Brandbook
MACHINA Brandbook
Aplicación en empaques. Etiquetas | C3
Prenda / gadget Caja de cartón negro
Prenda
Bolsa de aluminio E
C B
A
B
A
Gadget
Caja de cartón negro E
D
Bolsa
A
B
C
Bolsa de cartón
Empaques
Caja
Bolsa
Existen cuatro tipos de empaques; la bolsa para la tienda y los que corresponden a cada una de las tres etiquetas: Prenda, gadget y prenda/gadget.
En los empaques de caja (gadget, prenda/gadget) se posiciona la etiqueta del sistema de valores en la esquina superior derecha de la cara lateral que se encuentra a la izquierda de donde está la etiqueta informativa (C). En el caso del gadget, lleva una ventana del lado izquierdo a la etiqueta informativa donde el usuario puede ver un detalle del gadget contenido (D). La primera cara que abre las cajas lleva la textura de los circuitos con la página web en serigrafía (E).
La bolsa es de cartón negro y lleva impreso en blanco con serigrafía un elemento que refiere a los circuitos, simulando la rodilla del usuario mientras la carga. En la parte inferior derecha va el logotipo impreso en blanco, tocando el borde lateral y guardando un espacio con el inferior
La etiqueta informativa se posiciona en la esquina inferior derecha de cada empaque, tocando el borde lateral y guardando un espacio con el inferior (A). En la contracara va el logotipo en blanco montado con serigrafía, posicionado en el centro (B).
machina/aplicacionempaques/empaques.ai
C3 | Aplicación en empaques. Empaques
MACHINA Brandbook
MACHINA Brandbook
Aplicación en empaques. Empaques | C3
WEB INTRO
WEB HOME
La entrada a la página web comienza con una retícula basada en una abstracción de los circuitos, donde los puntos crecen y se reducen. En la retícula se va construyendo el logotipo con el mismo ritmo del movimiento de los puntos para dar a entender desde un inico la inspiración del mismo.
En la página principal se muestran las siete secciones que conforman el sitio, junto a una sección de noticias que se va actualizando constantemente. El fondo es negro con la misma retícula de la introducción.
machina/aplicaciondigital/web.swf
C4 | Aplicación digital. Web
MACHINA Brandbook
MACHINA Brandbook
Aplicación digital. Web | C4
B
A
ACTIVIDADES CLAVES DE MACHINA
A
Diseñamos:
C
Ropa Accesorios Promgramas interactivos Prototipos Imagen de la marca
PROGRAMAMOS
E
E
ESTRATEGIA
ACTIVIDADES
A
B
C
Online y Offline Branding
E
DISEÑAMOS
ACTIVIDADES CLAVES DE MACHINA
PROGRAMAMOS
ESTRATEGIA
B
A
Programamos:
ACTIVIDADES
ACTIVIDADES CLAVES DE MACHINA
Actividades principales
E
Hardware Software Plataformas web
C
E E
DISEÑAMOS
ACTIVIDADES CLAVES DE MACHINA
Estrategia:
DISEÑAMOS
C
B
PROGRAMAMOS
ESTRATEGIA
ACTIVIDADES
1. Estudio de tendencias 2. Diseño del denim 3. Diseño textil en general 4. Trazo y corte de prendas 5. Diseño, programación y elaboración de gadgets 6. Branding 7. Web
DISEÑAMOS
PROGRAMAMOS
ESTRATEGIA
ACTIVIDADES
PRESENTACIONES
SECCIONES
FOTOGRAFÍAS
El fondo de las presentaciones en Power Point siempre será negro. En la esquina superior izquierda se encontrará el logotipo en el tamaño mostrado en las imágenes (A). En la esquina superior derecha se encuentra la categoría de lo que se presenta (B). Los textos van en blanco y se alínean con el logotipo (C).
Las secciones de cada categoría se encuentran en la base inferior de la pantalla sobre una pleca gris, donde se ilumina con azul la sección en la que se encuentra la presentación (D).
Sólo se pueden usar tres layouts distintos para acomodar imágenes en la composición, ya sea en horizontal o vertical (E).
machina/aplicaciondigital/powerpoint.ai
C4 | Aplicación digital. Presentaciones
MACHINA Brandbook
MACHINA Brandbook
Aplicación digital. Presentaciones | C4
TIENDA MÓVIL ARQ. ION RODRÍGUEZ
La tienda móvil consta de dos containers que se conectan. El diseño fue trabajado con el arquitecto Ion Rodríguez y parte del lenguaje visual manejado en este manual, utilizando los elementos gráficos de los valores de la marca.
C5 | Aplicación en ambiente. Tienda móvil
MACHINA Brandbook
MACHINA Brandbook
Aplicación en ambiente. Tienda móvil | C5
CHECKLIST ¿Usaste bien el logotipo? ¿Las proporciones son correctas? ¿Respetaste la paleta de color? ¿Respetaste las medidas en las aplicaciones? ¿Utilizaste la tipografía “Forza”?
I have always railed against ideological purity, or any other kind. Corruption is more interesting that purity.
¿Tomaste las fotografías con los parámetros incluídos en este manual?
Milton Glaser
MACHINA Brandbook
MACHINA Brandbook
Realizado por Samuel Alazraki Bauche Material confidencial
MACHINA Brandbook