Manual de identidad Corporativa TuMesero com by Santiago Carrillo Cisf

ÍNDICE

Introduccíón Construcción Composiciones Retícula Medida x Área de seguridad Poder de resolución Cromática Tipografía Positivo y Negativo Variaciones de Color Escala de Grises Usos incorrectos Tarjeta de presentación 7

INTRODUCCIÓN

El Manual de identidad Visual y Corporativo constituye un instrumento de consulta y trabajo para todas aquellas personas responsables de la utilización correcta del sistema gráfico de TuMesero.com. Este manual se desarrolla tras un programa de diseño estudiado y planificado para traducir la personalidad de TuMesero.com a una imagen visual propia y perfectamente diferenciada. Toda información aquí presentada determina los lineamientos para el manejo de la identidad Visual de TuMesero.com sobre como será utilizada para mostrarse al público y para uso interno, así como todas sus variantes o estilos según el medio de reproducción final, al igual que las diferentes aplicaciones prácticas de la marca por lo que se debe leer detenidamente todo el contenido del manual, seguir cada una de las indicaciones que se describen en los apartados de interes y es fundamental para asegurar la identificación y reconocimiento de la marca. El departamento de Imagen y Diseño es el responsable de orientar y autorizar sobre el uso, cambios y aplicaciones de los elementos que garantizan nuestra imagen corporativa, así como el uso correcto de todo el sistema gráfico incluidos en este manual. Con el adecuado uso de los elementos de este manual, se logrará preservar la identidad visual de la empresa y aumentar el grado de recordación simbólica de cada uno de sus componentes. Los casos especiales o que ofrezcan dudas, deberán ser consultados directamente con la agencia generadora de la imagen. El uso adecuado de la marca en todas la piezas de comunicación es fundamental para crear una imagen fuerte y duradera.

CONSTRUCCIÓN El imagotipo de TuMesero.com, se compone de dos partes: ícono y tipografía, se pueden usar de forma separada según el medio de reproducción y aplicación que se explica posteriormente en la página del manual, además la disposición de la composición puede variar en casos puntuales, pero principalmente el ícono estará ubicado en la zona superior y la tipografía en la zona inferior. Como elementos adicionales en el imagotipo están los eslogan correspondientes a las secciones desarrolladas por la empresa y el principal “Tu plato al instante” (esto no quiere decir que sea parte del imagotipo, simplemente es un elemento adicional y deberá tener un espacio específico).

Ícono

Tipografía Imagotipo1

Combinación de imagen y texto

COMPOSICIONES El Imagotipo de TuMesero.com dispuesto de forma horizontal únicamente se aplicará cuando el formato destino se proponga en esa misma orientación, es decir, apaisado, y que el espacio en donde vendrá puesto someta al imagotipo a tener estas condiciones para obtener una optima legibilidad y visualización de la marca. El Isotipo se implementará en el ícono de la aplicación, además como forma de reconocimiento adicional cuando el logotipo no sea necesario de aplicar en formatos completamente cuadrados y además como cobranding con otras marcas. El Logotipo se usará unicamente como firma de la empresa a nivel interior y exterior en cualquier soporte.

Ícono

Tipografía

Composición horizontal Imagotipo

Isotipo1

Es la parte simbólica de la marca y es reconocida sin el texto.

Logotipo2

Es la palabra en sí, es decir, la marca identificada por el texto.

RETÍCULA Para poder facilitar la compresión de la construcción del imagotipo y proporcionar una herarramienta que facilite su manejo y reproducción, a continuación se presenta una retícula que permite observar y comprender la relación entre sus proporciones. La construcción parte de las formas más simples geométricas, para generar una armonía relacionada entre todas las formas que componen el diseño de la marca TuMesero.com.

MEDIDA X La medida X se establece a partir de la retícula clásica aplicada en el logotipo. Se presentan las proporciones y relaciones entre cada parte del imagotipo a partir de esta medida X, para comprender su poder de resolución que posteriormente en la página 14 se explicará. Estas relaciones no pueden ser alterandas ni manipuladas sin consultar al departamento encargado del diseño y la reproduccion de la marca TuMesero.com. *La medida X es el principal pilar en la disposicion del imagotipo.

12.5 X

14 X

1 1/2 X 4X 35 X

ÁREA DE SEGURIDAD Para evitar que algun elemento gráfico interfiera con la percepción del imagotipo se ha establecido un área de seguridad en torno a este. La medida del área de seguridad queda determinada por la medida "X". A partir de esta es permitido aumentar el área de protección mas NO es permitido disminuirla.

2 1/2 X

PODER DE RESOLUCIÓN Para optimizar la compresión del imagotipo se establecen unas medidas minimas de reducción. Estas medidas son impuestas segun el medio de reproducción en el cual se vaya a implementar la marca. Para los medios digitales se dispondran de todas las composiciones presentadas previamente y las medidas son explicadas en pixéles. Para la APP digital únicamente se usará el isotipo para reconocer la marca TuMesero.com. Este se usará principalmente en el Ícono informativo inicial de la aplicación. Para medios impresos se dispondrá del imagotipo orientado tanto de forma vertical como horizontal y cada presentación tiene su reducción mínima que se deberá aplicar obligatoriamente. Estas medidas son explicadas en centímentros. 20

*Cada medida tendrá el área de seguridad explicada anteriormente.

medios digitales

44px por 44px 66px por 66px 75px por 75px

150px mínimo

100px mínimo

3 cm mínimo

1 cm mínimo

medios impresos

2cm por 2 cm 4cm por 4cm 6cm por 6 cm

CROMĂ TICA El imagotipo de TuMesero.com contiene los colores institucionales de la marca, y se conforman de 6 pantones distintos. El imagotipo esta compuesto por dos tonalidades del cafe, el Pantone 7554 CP y el Pantone P 26-8 C. El copy y subtitulares es el Pantone P 38-15 C. CĂłmo colores complementarios estan varias tonalidades del amarillo y cafe que aplican exclusivamente en fondos, textos explicativos y variaciones de color cuando la composicion lo requiera.

colores principales

100%

80%

60%

40%

20%

Pantone P 14-6 C

RGB:246/190/100 CMYK:3/29/68/0

Pantone P 14-11 C

RGB:254/219/168 CMYK:0/17/40/0

Pantone P 14-9 C

RGB:248/229/198 CMYK:4/11/26/0

Pantone P 47-13 C

RGB:186/123/98 CMYK:22/54/58/12

Pantone P 38-15 C

RGB:187/81/55 CMYK:20/76/79/10

Pantone P 26-8 C

RGB:104/60/17 CMYK:40/70/100/50

Pantone 7554 CP

RGB:67/41/24 CMYK:50/70/80/70

Pantone P 179-16 C

RGB:0/0/0 CMYK:0/0/0/100

colores complementarios RGB:34/117/130 CMYK:81/34/39/19 RGB:218/40/24 CMYK:7/94/98/0 RGB:247/166/41 CMYK:0/41/88/0 RGB:242/144/122 CMYK:0/54/49/0 23

TIPOGRAFÍA Se utilizarán tres tipografías y una de ellas su familia completa con distintas aplicaciones como oficiales. La primera, TheSans, es utilizada principalmente en el logotipo para identificar la marca correctamente, es una fuente moderna y paloseco. Además la familía tipográfica de la fuente se usará para todos los textos oficiales e institucionales de la marca TuMesero.com y se permitirá sus variaciones para fines netamente estéticos y prácticos. Como fuente secundaria se designá Agenda en altas, UNICAMENTE para títulos y subtítulos en cualquier soporte o medio gráfico. La tercera fuente es FreightSans Pro Bold en altas que se aplica EXCLUSIVAMENTE en el copy y los nombres diferenciadores de cada segmento de la empresa e irá posicionada en la parte inferior del imagotipo de TuMesero.com para potenciar su reconocimiento. 24

TheSans

ABCDEFGHIJKLMN OPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 1234567890

FreightSans Pro Bold

ABCDEFGHIJKLMN OPQRSTUVWXYZ 1234567890

Agenda

ABCDEFGHIJKLMN OPQRSTUVWXYZ 1234567890 25

POSITIVO Y NEGATIVO La aplicación óptima de impresión del imagotipo es utilizarlo a full color según la cromática posteriormente explicada. Cuando el medio de reproducción (prensa, serigrafía, bordado) no permite usar esos colores, la marca debe utilizarse en una sola tinta, ya sea blanco o negro al 100% de su tonalidad. *Las sombras no vendran implementadas.

VARIACIONES DE COLOR Las variaciones del color UNICAMENTE serán aplicadas según el fondo del soporte propuesto. Deberá ser consultado previamente al departamento de diseño de TuMesero.com quien podrá decidir si la implementación del color es apropiada para que no se pierda la identificación y reconocimiento de la marca. El pantone P 14-6 C y el pantone P 38-15 C son las tonalidades autorizadas para aplicar según la conveniencia de la marca.

Pantone P 14-6 C

Pantone P 38-15 C

ESCALA DE GRISES El imagotipo ha sido creado con la versatilidad de ser reproducido en cualquier medio digital o soporte impreso. Se presenta la escala de grises para evidenciar su optimo desempeĂąo. El mĂnimo de gris sobre fondo blanco es de 30% y serĂĄ implementado como marca de agua. *Se debe tener en cuenta tambien el sustrato elegido.

USOS INCORRECTOS Además de los contemplados en estas páginas, se considerá como uso inadecuado todo manejo que este en contra de todas las normas establecidas en este manual que afecten la conceptualización, formalización y/o legibilidad total o parcial del sistema gráfico. *Se consideran usos incorrectos: A. Cualquier tipo de alteración en las proporciones del identificador. B. Utlizar colores sobresaturados en relación al sistema cromático establecido. C. Desajustar los valores prestablecidos para el interletreado. D. Utlizar una tipografía diferente. E. Presentar el identificador en línea. F. Cambiar la orientación del identificador.

El Manual de Identidad Corporativa de TuMesero.com fue creado por Dreaming Colombia. Cualquier duda o sugerencia favor comunicarse con la agencia Dreaming Colombia.

Tel: 3016410740