Page 1

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

Manueal de imagen MACHINA  

presentación digital.