Guía rápida lineamientos de marca
←
→
Transcripción del contenido de la página
Si su navegador no muestra la página correctamente, lea el contenido de la página a continuación
Índice 44 Símbolo y fondo Introducción 47 Uso correcto del degradado Carta de nuestro CEO Misión, visión y valores 3 Elementos complementarios 1 Elementos primarios 49 Significado de la gráfica 50 Construcción de la gráfica 15 Nuestra marca 57 Aplicación de color en la gráfica 16 Proporciones de la marca 64 Uso incorrecto de la gráfica 17 Retículas 69 Uso de imágenes en la gráfica 18 Logotipo con submarca 72 Tratamiento de las imágenes 19 Logotipo con descriptor institucional 75 Transparencia 20 Tamaño mínimo del logotipo 21 Área de resguardo 4 Aplicaciones de la marca 22 Aplicaciones de la marca 23 Color de la marca 77 Anuncios de revista y prensa 24 Tipografía Comex® 78 Espectaculares 25 Tipografía Web 80 Material POP Tipografía Arial 81 Criterio para uso de firmas 26 Uso correcto de la tipografía 82 Videos corporativos 83 Firma electrónica 2 Normas de la marca 84 Interacción de la marca con submarcas 85 La marca en promocionales 29 Logotipo en formato vertical y/o cuadrado 30 Logotipo en formato extra vertical 5 Comunicación 31 Logotipo interactuando con submarca 32 Uso correcto del logotipo 87 Tono y estilo de la comunicación 33 Uso incorrecto del logotipo 88 Estilo fotográfico 34 Uso del logotipo en medios 89 Fotografías por contenido 39 Paleta de color institucional 9 Iluminación 41 Paleta de color B2C 92 Manejo fotográfico 43 Paleta de color B2B 93 Políticas de creación de logotipos internos
Introducción El significado así como el significante son características peculiares de la comunicación, las cuales se encuentran unidas en la publicidad o cualquier medio comunicativo, de ahí la importancia de mantener la sobriedad e identidad corporativa dentro de los aspectos que se representan en ésta. El contenido de este manual ilustrado busca mantener parámetros que se disponen a preservar la imagen respetando los valores de nuestro organismo así como normas y estándares aplicados a nuestra sociedad dentro del margen comunicativo y publicitario.
Carta de nuestro CEO Por más de seis décadas nuestra imagen corporativa nos ha identificado como grupo; proyecta de dónde venimos, lo que somos y hacia dónde vamos; comunica con consistencia y unidad nuestro posicionamiento y reitera la promesa que como compañía y marca hacemos a todas las personas e instituciones con quienes nos relacionamos. Este manual concentra las normas de uso de los elementos que, de manera independiente o conjunta, nos permiten acentuar la solidez de nuestra identidad visual para sumar valor a nuestra marca. Tengo la seguridad de que cada uno de los profesionales que colaboran internamente en Comex®, así como nuestras agencias, despachos, estudios, editoriales y todos nuestros aliados que nos ayudan a seguir consolidando nuestra imagen a través de la creatividad, observarán los lineamientos establecidos en este documento para aplicar de forma correcta nuestra marca en cualquier material o medio de comunicación donde nos mostremos. Gracias a todos ustedes por contribuir con responsabilidad al cuidado y fortalecimiento de nuestra identidad corporativa. Marcos Achar Levy CEO Grupo Comex 8 Elementos primarios Elementos primarios 9
Misión Visión Desarrollar productos innovadores y soluciones integrales Enriquecer la calidad de vida diaria preservando, que brinden el apoyo necesario para realizar proyectos protegiendo y embelleciendo el mundo en donde vivimos. y alcanzar metas, contribuyendo así a que la vida sea más fácil y gratificante, siempre velando por el progreso de la sociedad y la conservación del planeta. 10 Elementos primarios
Valores Pasión Buscamos trabajar con intensidad, entusiasmo, energía y buen humor. Construimos ambientes de trabajo estimulantes cuya alegría se contagie. Integridad Rentabilidad Creemos en la rendición de cuentas y en la transparencia. Nos hacemos responsables de Sabemos que la obtención de resultados económicos es la manera de responder a la confianza nuestras decisiones y acciones con todas sus consecuencias y mantenemos un total respeto a puesta en nosotros. Orientamos nuestras acciones y decisiones a la generación de utilidades y al la dignidad de la persona. Reconocemos que en la honestidad y el comportamiento ético está el crecimiento de nuestros negocios. origen del verdadero éxito empresarial. Comunidad Servicio Difundimos el trato cordial, sencillo y familiar entre los miembros de nuestra organización; Demostramos sensibilidad por las necesidades de nuestros clientes internos y/o externos, vivimos queremos despertar en todos nosotros el sentido de pertenencia y orgullo. Creemos en los el valor del servicio a través de una actitud positiva y permanente de compromiso y cordialidad. mejores valores de la sociedad mexicana y deseamos reflejarlos globalmente. Por ello, para nosotros, generar soluciones que satisfagan sus necesidades en tiempo y forma es una prioridad. Compromiso social Queremos establecer una relación sustentable y positiva con las comunidades en que Innovación operamos. Reconocemos que la sociedad constituye el cimiento que hace posible la actividad empresarial y estamos decididos a establecer con ella una relación de beneficio mutuo. Generalmente es posible encontrar nuevas y mejores maneras de hacer las cosas. Valoramos la creatividad en el trabajo, la versatilidad y la capacidad de adaptación. Medio ambiente Inteligencia Vivimos la responsabilidad de generar una cultura empresarial con conciencia y compromiso hacia el medio ambiente, por eso trabajamos en la generación de una sociedad participativa, Somos una organización que aprende, genera y comparte conocimientos; que analiza, cuestiona, con una clara convicción de actuar en pro del equilibrio ecológico, hasta convertir esta responde, resuelve y busca convertir cada jornada en una ocasión de aprendizaje. actuación en un estilo de vida. Al vivir nuestros valores diariamente nos fortalecemos como personas y ayudamos a 12 Elementos primarios consolidar una empresa digna y exitosa.
Nuestra marca Somos una marca de alto valor y renombre, reconocida por la excelencia en calidad de imagen que proyectamos, siendo la razón por la que contamos con una normativa que mantenga siempre un estándar gráfico en todos los elementos y las piezas de comunicación donde tenemos presencia . 1 Elementos primarios Basados en el diseño gráfico, en Comex® impulsamos una imagen estratégica con estructura detallada y determinada que explica nuestra presencia para lograr ser reconocidos e identificados por las cualidades y los valores que nos representan dentro de la sociedad. 14 Elementos primarios Elementos primarios 15
Proporciones de la marca Retículas Nuestro logotipo Comex® se ha concebido dentro de una retícula que estandariza sus medidas Tanto el encuadre como la línea de construcción de nuestro logotipo Comex ® deben para ser siempre exactos, mantener su correspondencia, equilibrio y justificar nuestra presencia aplicarse bajo una proporción precisa, la cual está guiada por la letra X . visual en un margen adecuado. El símbolo ® se aplicará al pie de la letra X. 16 Elementos primarios Elementos primarios 17
Logotipo con submarca Logotipo con descriptor institucional 4x 4x 2x 2x 1x 2x 1x 1x Nuestra marca desarrolla un sistema de submarcas, las cuales deben de ser identificadas En Comex® manejamos diversas divisiones internas, las cuales deben ser identificadas bajo el bajo el logotipo, conservando una proporción correspondiente a 2 unidades de la retícula. logotipo, conservando una proporción correspondiente a 1 unidad de la retícula. La tipografía La tipografía permitida para este uso es Comex® Bold Italic. permitida para este uso es Comex® Light. 18 Elementos primarios Elementos primarios 19
Tamaño mínimo del logotipo Área de resguardo Para la correcta legibilidad de nuestra marca es fundamental ubicar adecuadamente el logotipo dentro de un layout, por lo que existen espacios de reserva alrededor del mismo que deben ser respetados siempre. Este marco visual está establecido por la letra X. 20 mm Logotipo 4.8 mm 26 mm Logotipo con descriptor 6 mm institucional X X 20 Elementos primarios Elementos primarios 21
Aplicaciones de la marca Color de la marca A favor de exponer e identificar cuál es el giro que corresponde a cada división de nuestra El azul resalta las características y valores que nos identifican y representan como marca, marca, presentamos un diseño específico para cada una de ellas. Esta presentación gráfica siendo el color azul Comex® Pantone Process Cyan C, el que debe implementarse de manera permite delimitar su estructura, ilustrar sus facultades y definir a dónde se encamina. emblemática en nuestra comunicación. Para la aplicación correcta de nuestra marca se Marca maestra Submarcas Capacitación e Centros de podrá utilizar el logotipo en color azul Comex® Pantone investigación distribución Process Cyan C, sobre fondo completamente blanco Papelería sin degradado, de esta manera el manejo entrará Señalización en nuestra normativa visual. Comunicación Prensa Publicidad Internet Nuestro logotipo en color blanco podrá utilizarse Tiendas sobre fondo azul Comex® Pantone Process Cyan C, o Productos en cualquiera de los usos permitidos para esta aplicación. Promocionales Servicios Servicios Nuestro logotipo en color negro podrá utilizarse sobre Alianzas usuario final Concesionarios fondo blanco para medios impresos, lo que permitirá Papelería aplicar la marca de manera adecuada y legible. Señalización Comunicación Prensa Publicidad Nuestro logotipo en color gris Pantone Cool Gray 10 C Internet podrá utilizarse sobre fondo blanco únicamente para Tiendas casos excepcionales, siempre que sea aprobado por la Productos Dirección de Mercadotecnia y por la Oficina de marca. Promocionales 22 Elementos primarios Elementos primarios 23
Tipografía Comex® Tipografía Web Para uso en medios de comunicación interna y externa Para uso en medios electrónicos En Comex® tenemos una familia tipográfica especialmente creada para nuestra marca, la En el caso de web se utilizará la misma fuente Comex®, con la diferencia de que se tendrá cual nos identifica. Su diseño permite una máxima legibilidad de la información, teniendo que utilizar en estos 5 formatos diferentes. una selección especial para nuestra comunicación interna y externa. Comex® .eot (Embedded Open Type) formato para IE6, 7 y 8. Comex® . svg (Scalable Vector Graphics) Safari Mobile (iPhone, iPad). ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Light Condensed abcdefghijklmnñopqrstuvwxyz Especificada para comunicación interna Comex® . ttf (True Type Font) Soportado por la mayoría de los navegadores pero varía por versiones. 0123456789 Comex® .woff (Web Open Font Format) utilizado por Mozilla Firefox, Google Chrome, Opera e IE9 y 10. ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Light Ultra Condensed abcdefghijklmnñopqrstuvwxyz Especificada para comunicación interna 0123456789 En el caso de android y otros dispositivos móviles, la fuente debe convertirse en código .js y ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Ultra Condensed utilizar las librerías cufon.js y cufon-yui.js, para visualizarla correctamente. abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación interna ABCDEFGHIJKL MNÑOPQRSTUVWXYZ Comex® Medium Condensed abcdefghijklmnñopqrstuvwxyz Tipografía Arial 0123456789 Especificada para comunicación interna ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Bold Condensed abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación interna Para uso de legales ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Light abcdefghijklmnñopqrstuvwxyz En Comex® tenemos una familia tipográfica especialmente creada para nuestra marca, la 0123456789 Especificada para comunicación externa cual nos identifica. Su diseño permite una máxima legibilidad de la información, teniendo ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Light Italic una selección especial para nuestra comunicación interna y externa. abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación externa ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Medium abcdefghijklmnñopqrstuvwxyz ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Arial Regular 0123456789 Especificada para comunicación interna y externa abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación interna ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Medium Italic abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación interna y externa ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Arial italic abcdefghijklmnñopqrstuvwxyz Especificada para comunicación interna ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Bold 0123456789 abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación externa ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Arial Bold Comex® Bold Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación interna abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación externa ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Arial Bold Italic ABCDEFGHIJKLMNÑOPQRSTUVWXYZ Comex® Black abcdefghijklmnñopqrstuvwxyz abcdefghijklmnñopqrstuvwxyz 0123456789 Especificada para comunicación interna 0123456789 Especificada para comunicación externa 24 Elementos primarios Elementos primarios 25
Lorem in dui pellentesque tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ac tortor a urna dignissim. Donec aliquet imperdiet ullamcor- Uso correcto de la tipografía per. Nam sit amet massa elit. Etiam lectus magna, viverra sed viverra El utilizar el logotipo dentro de una caja de texto de igual manera a como se utiliza en la publicidad es incorrecto y no se debe de aplicar a comunicados o notificaciones textuales, ya que no es visualmente atractivo para el lector. La expresión escrita representa una identificación clara para Comex®, por ello buscamos la unificación de nuestra imagen. La importancia de tener una tipografía clara y legible favorece Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor arcu. Donec luctus la transferencia de información y permite la comprensión de nuestros comunicados. arcu in dui pellentesque tempor. Class aptent taciti Comex® sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ac tortor a urna isi. Al hacer mención de la marca se debe de manejar la misma tipografía para el texto incluyendo LOREM IPSUM DOLOR SIT AMET el símbolo ®, de esta manera se presenta sobriedad y unilateralidad para el lector sin crear un LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. PHASELLUS DIGNISSIM TORTOR sobresalto visual innecesario. ARCU. DONEC LUCTUS ARCU IN DUI PELLENTESQUE TEMPOR. CLASS APTENT TACITI SOCIOSQU AD LITORA TORQUENT PER CONUBIA NOSTRA, PER INCEPTOS HIMENAEOS. MAECENAS AC TORTOR A URNA MALESUADA DIGNISSIM. DONEC ALIQUET IMPERDIET ULLAMCORPER. NAM SIT AMET Lorem ipsum dolor sit amet. El manejo de textos escritos en su totalidad con mayúsculas es inapropiado debido a Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor arcu. Donec luctus que limita la legibilidad de los contenidos distrayendo la atención e interfiriendo con arcu in dui pellentesque tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per la transmisión del mensaje. inceptos himenaeos. Maecenas ac tortor a urna Comex®dignissim. Donec aliquet imperdiet ul- lamcorper. Nam sit amet massa elit. Etiam lectus magna, viverra sed viverra a, ornare quis nulla. Los textos deben de ser estructuralmente correctos, así que el implementar mas de 3 estilos Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor arcu. Donec luctus tipográficos o una gran variación de puntaje en un mismo texto se considera innecesario y arcu in dui pellentesque tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, fuera de normatividad ya que puede dificultar la comprensión del mismo. per inceptos himenaeos. Maecenas ac tortor a urna malesuada dignissim. Donec aliquet imperdiet ullamcorper. Nam sit amet massa elit. Etiam lectus magna, viverra sed viverra a, ornare quis nulla. Maecenas in elit ut est suscipit hendrerit. Vivamus ut ipsum enim. Donec rutrum ornare odio. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor arcu. Donec luctus Se deberá manejar y escribir textos con letra mayúscula y minúscula en todo desarrollo arcu in dui pellentesque tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra. comunicativo para permitir su clara legibilidad y el buen entendimiento del mismo. in elit ut est suscipit hendrerit. Vivamus ut ipsum enim. Donec rutrum ornare odio, ut dignissim. A favor de la legibilidad y adecuada comprensión de los comunicados, se sugiere utilizar un máximo de 3 variaciones en tamaño y estilo de tipografía, solo en caso de ser necesario, como resaltar algún apartado o en títulos, que en estos casos favorece la comprensión de los textos. 26 Elementos primarios Elementos primarios 27
Logotipo en formato vertical y/o cuadrado La ubicación de nuestra marca dentro de un layout deberá ser en el lateral derecho, superior o inferior, dependiendo el caso. La aplicación de la marca interactuando con otra de nuestras submarcas deberá seguir los lineamientos establecidos en este apartado. 7 unidades Dentro del cuadrante superior derecho se encuentra el lugar destinado para nuestro logotipo, conservando siempre el área de resguardo definida. En el layout de una retícula de 20 unidades, se coloca el logotipo con un tamaño estándar de 7 unidades. 2 Normas de la marca Para asegurar el uso correcto de la marca y sus diversas aplicaciones, es obligatorio seguir las normas que regulan la interacción del logotipo con otros elementos gráficos. Normas de la marca 29 20 unidades
Logotipo en formato extra vertical Logotipo interactuando con submarca 6 unidades 7 unidades Cuando exista la interacción de En un for mato ex tra ver tical alguna de nuestras submarcas con nuestro logotipo siempre se el logotipo Comex® en el mismo encontrará ubicado en la layout, éste deberá estar ubicado par te superior, alineado al en el cuadrante inferior derecho, centro y respe tando el área mientras que la submarca estará de resguardo. en el cuadrante superior derecho dentro de una área de 7 unidades contenida en una retícula de 20. En ambos casos, deberá respetarse el área de resguardo. 6 unidades 20 unidades 30 Normas de la marca Normas de la marca 31 10 unidades
Uso correcto del logotipo Uso incorrecto del logotipo Al desarrollar una pieza gráfica donde nuestra marca sea aplicada sobre un fondo La aplicación correcta de nuestro logotipo considera presentar siempre su tipografía original deben observarse las normas estipuladas en este manual, mismas que garantizan el y color adecuado, respetando los espacios entre letras y manteniendo el logotipo en posición uso correcto del logotipo Comex® dentro de un gráfico. horizontal sin desarticularlo. Cualquier aplicación que altere la forma, color o legibilidad del logotipo Comex® será incorrecta. Cambio de color, forma y Color en el logotipo sobre fondo azul Color en el logotipo sobre orientación del logotipo Comex® Pantone Process Cyan fondo negro Sobre fondo blanco Sobre fondo azul Comex® Sobre fondo negro Pantone Process Cyan Color en el logotipo sobre Color en el logotipo sobre Color en el logotipo sobre fondo de color fondo con degradado fotografías a color Sobre fondo de color Sobre fondo con degradado Sobre fotografías a color Color en el logotipo sobre Transparencia en el logotipo Uso de degradado o efectos en el fotografías en blanco y negro logotipo sin autorización de OM. Sobre fotografías en blanco y Lineal o sólido Sobre fotografías en blanco y Es incorrecto desarticular el Es incorrecto alterar o deformar Nuestra tipografía no es un negro con bajo contraste negro con alto contraste logotipo Comex® y utilizar sus cualquiera de las letras que lo símbolo y, por lo tanto, depende letras por separado como componen nuestro logotipo. de su estructura completa. símbolos. 32 Normas de la marca Normas de la marca 33
Uso del logotipo en medios Anuncios a color Al aplicar nuestro logotipo en medios de comunicación interna o externa de Comex®, debe de realizarse sin alteraciones; es decir, respetando siempre su forma, tipografía, color, posición, entre otros aspectos indicados en este manual, mismos que garantizan el manejo correcto de nuestra marca de acuerdo a las características de los diferentes medios. En anuncios a color, nuestro logotipo Comex® debe manejarse en blanco o azul Comex® Pantone Process Cyan; la selección de cualquiera de estas opciones de color estará en función de la máxima visibilidad del logotipo de acuerdo al fondo y con base en los estándares estipulados en el apartado de usos correctos del logotipo de este manual. Para proteger su visibilidad, la posición Anuncios b/n en prensa del logotipo será en el cuadrante derecho para página impar y en el cuadrante izquierdo para página par, cuidando siempre el área de resguardo estipulada. Gran formato En anuncios blanco y negro para prensa impresa, nuestro logotipo Comex® debe manejarse con valor del 100% de color negro (K). Para proteger su visibilidad, la posición del logotipo será en el cuadrante derecho para página impar y en el cuadrante izquierdo para página par, cuidando siempre el área de resguardo estipulada. En materiales de gran formato, nuestro logotipo Comex® debe manejarse en blanco o azul Comex® Pantone Process Cyan; la selección de cualquiera de estas opciones de color estará en función de la máxima visibilidad del logotipo de acuerdo al fondo y con base en los estándares estipulados en el apartado de usos correctos del logotipo de este manual. Para los anuncios en gran formato denominados como extra verticales, el logotipo no puede ser cambiado de posición. 34 Normas de la marca Normas de la marca 35
Promocionales Aplicaciones Web En artículos promocionales, nuestro logotipo Comex® debe manejarse en blanco o azul En los fondos de aplicaciones Web, nuestro logotipo Comex® debe manejarse en blanco o Comex® Pantone Process Cyan; la selección de cualquiera de estas opciones de color estará azul Comex® Pantone Process Cyan; la selección de cualquiera de estas opciones de color en función de la máxima visibilidad del logotipo de acuerdo al color del promocional. Para estará en función de la máxima visibilidad del logotipo. Para proteger su legibilidad, no proteger su visibilidad, el tamaño y estándares de impresión del logotipo deberán basarse en deben usarse efectos, sombras o brillos sobre el logotipo. los estándares estipulados en este manual. Videos y televisión Medios digitales En estos medios, respetando los colores institucionales azul Comex® Pantone Process Cyan, y En medios digitales, nuestro logotipo Comex® debe manejarse en blanco o azul Comex® blanco en el logotipo, se busca mantener una clara visualización y legibilidad, por lo que se puede Pantone Process Cyan; la selección de cualquiera de estas opciones de color estará en implementar un sombreado en el contorno de la marca cuando el logotipo sea utilizado en color función de la máxima visibilidad del logotipo de acuerdo al color del fondo. Para proteger blanco. Para poder hacer uso de este efecto visual sobre el logotipo es necesario hacerlo bajo la su visibilidad, es indispensable conservar todos los parámetros de aplicación, posición y supervisión y autorización de la Oficina de marca. forma especificados anteriormente. 36 Normas de la marca Normas de la marca 37
Institucional Paleta de color institucional El manejo de los colores busca aludir a nuestra integridad, identidad y lealtad que nos caracteriza. Co oce m ss Pr ex C ® P an an C y to Comex® Pantone ne Process Cyan C Pantone 2728 C CMYK RGB Web CMYK RGB Web C-100% R-0 #009dda C-96% R-15 #054dbc M-0% G-180 M-66% G-77 Y-0% B-250 Y-0% B-188 K-0% K-0% ColorLife Color Center AZI04-1 Uxmal R2-13 Hilo para bordado Pantone 2748 C 1053 1038 Pantone 279 C Pantone 2748 C CMYK RGB Web CMYK RGB Web Pa C-70 % R-75 #4a91dc C-100% R-3 #002072 nt on M-33% G-146 M-90% G-31 e 27 Y-0% B-219 Y-4% B-115 2 8 K-0% K-12% C ColorLife Pantone 279 C Cuernavaca R1-09 Galaxia R3-14 Hilo para bordado 1030 1306 38 Normas de la marca Normas de la marca 39
B2C Paleta de color B2C Esta paleta de color hace referencia a la experiencia que el uso del color causa en el ser humano. Pantone 7405 C Pantone 7413 C Pantone 381 C Pantone 361 C Pantone 7413 C CMYK RGB Web CMYK RGB Web CMYK RGB Web CMYK RGB Web C C-0% R-236 #EEC200 C-1% R-212 #DA7921 C-23% R-201 #CADC01 C-75% R-52 #31B133 Pa 81 M-11% G-194 M-62% G-123 M-0% G-221 M-0% G-178 nt 3 on ne Y-97% B-0 Y-95% B-34 Y-89% B-3 Y-100% B-51 e7 nto K-0% K-2% K- 0% K-0% 40 Pa 5C ColorLife Pa Manila J1-13 Tejocote H2-12 Chulo K1-14 Lagarto L2-14 nt C on 61 e2 e3 Hilo para bordado 72 8C ton 1314 1324 1318 1264 P an Pantone 177 C Pantone 1795 C Pantone 197 C Pantone 198 C CMYK RGB Web CMYK RGB Web CMYK RGB Web CMYK RGB Web Comex® Pantone Pantone 177 C C-0% R-255 #FF818B C-0% R-205 #D42029 C-0% R-229 #EC99A9 C-0% R-219 #E24B67 Process Cyan C M-58% G-129 M-96% G-32 M-45% G-154 M-82% G-77 Y-38% B-141 Y-90% B-44 Y-12% B-170 Y-37% B-105 K-0% K-2% K-0% K-0% ColorLife Sueno D1-11 Machis E1-12 Verano D2-07 Barcelona D1-12 2 6C Pa e5 nt on Hilo para bordado nton e1 1348 1016 1004 1014 P a 79 5C Comex® Pantone C Pa Pantone 530 C Pantone 526 C Process Cyan C Pantone 2728 C 30 nto 5 Pantone 198 C ne CMYK RGB Web RGB Web CMYK RGB Web RGB Web ne CMYK CMYK nto 1 97 C-13% R-211 #D7B6E0 C-76% R-101 #692D86 C-100% R-0 #009DDA C-96% R-15 #054DBC Pa C M-28% G-184 M-99% G-45 M-0% G-180 M-66% G-77 Y-0% B-226 Y-0% B-134 Y-0% B-250 Y-0% B-188 K-0% K-0% K-0% K-0% ColorLife Sizu T2-08 Fiesta A1-12 Color Center AZI04-1 Uxmal R2-13 Hilo para bordado 1056 1064 1053 1038 40 Normas de la marca Normas de la marca 41
B2B Paleta de color B2B Pantone 874 C Los colores que rigen esta sección representan las actitudes profesionales, así como la visión tecnológica y emprendedora de Comex®, atendiendo las necesidades de todos los sectores. Pa Pantone Cool CIC Azul profundo nto ne Gray 10 C PMS 7463 C PMS 8643C 74 ne 6 3C nto CMYK RGB Web CMYK RGB Web Web ® Pa n C x a C-0 % R-125 #606366 C-100 % R-0 #003050 Pantone Yellow 012 #8c6f50 me Cy Co cess M-0% G-125 M-43% G-53 Pantone 874 Pro Y-0 % B-130 Y-0 % B-95 K-60 % K-65 % ColorLife Mistico L5-14 Elegancia R4-14 Bellota I4-12 Hilo para bordado 1219 1046 1297 Comex®Pantone l oo Process Cyan C PMS 7708 C Pantone 7704 C neC 1 nto C CMYK RGB Web CMYK RGB Web CMYK RGB Web Pa y 10 Pa a nto Gr ne C-100 % R-0 #009dda C-100 % R-0 #00516c C-93 % R-0 #0085ad 7 70 M-0 % G-180 M-18 % G-86 M-4% G-133 8C Y-0 % B-250 Y-12 % B-112 Y-8 % B-173 K-0 % K-59 % K-24% ColorLife Pantone 7704 C Color Center AZI04-1 Agata O3-14 Aguamarina P1-13 Hilo para bordado 1053 1227 1050 42 Normas de la marca Normas de la marca 43
Símbolo y fondo Fondos color B2C Para mantener la sobriedad visual de Comex® y la clara legibilidad de nuestra marca, en la comunicación utilizamos colores que permitan distinguir nuestro logotipo de los fondos con los que interactúa. Fondos color institucional Pantone 7413 C Pantone 361 C Pantone 1795 C Pantone Process Cyan C Pantone 2728 C Pantone 198 C Pantone 526 C Pantone 2728 C Pantone 279 C Pantone 2748 C 44 Normas de la marca Normas de la marca 45
Fondos color B2C Uso correcto del degradado La aplicación correcta del degradado es de manera lineal con una inclinación de 135º o -135º grados ubicando el color de mayor intensidad en el lado izquierdo y el de menor intensidad o con mayor luz en el derecho. 5º - 13 13 5º Pantone 7463 C Pantone Cool Gray 10 C Pantone 633 C 46 Normas de la marca Normas de la marca 47
Significado de la gráfica A través de nuestra imagen buscamos impulsar el vínculo entre Comex®, el color, la pintura y la acción de crear, de ahí que la gráfica simule los coloridos brochazos que se generan al pintar. 3 Elementos complementarios Existen elementos complementarios que ayudan a construir una imagen corporativa capaz de ser identificada, por lo que es fundamental apegarse a la normativa en el diseño.
Construcción de la gráfica Creación de unidad base El tamaño máximo que se considera para el logotipo dentro de un layout es de 7 unidades, tomando como base una retícula de 20 unidades y conservando el área de resguardo correspondiente. 7 unidades 1.- Se crea una retícula de 20 unidades x 26 unidades para sacar la unidad base de la cual se obtiene el círculo 26 unidades maestro, siendo éste el que determinará el espesor de los brochazos subsecuentes. 26 unidades 20 unidades 26 unidades 2.- La unidad base para generar el círculo maestro tiene una medida de 20 unidades x 20 unidades 20 unidades, dentro de las cuales se traza el círculo maestro. 20 unidades 20 unidades 50 Elementos complementarios Elementos complementarios 51
Construcción de los círculos Diseño de los brochazos 3.- Una vez generado el círculo maestro marcado en color naranja, se trazan los círculos concéntricos para sacar los 3 tamaños de espesor a utilizar en los brochazos, siguiendo la escala marcada para la generación de cada trazo; la elección del brochazo a utilizar dependerá de su aplicación. 4.- Una vez que se ha determinado uno de los 3 espesores de brochazo a utilizar, se montan los círculos dentro de una retícula de 20 unidades x 26 unidades, correspondiente al formato que se vaya a diseñar. 1:1 20 unidades Interacción de los brochazos 1:2 1 : 2.5 20 unidades 1:3 5.- Se cruzan los círculos entre sí para generar 1:4 los brochazos entrecruzados que componen la gráfica. Se sugiere manejar todo en grises y en transparencia al 50% para ayudar a la buena organización de los elementos y evitar confusiones. El color se colocará al final del diseño. 52 Elementos complementarios Elementos complementarios 53
Intersección de los brochazos Máximo de brochas en un layout 6.-En la intersección de los brochazos se debe considerar que éstos tengan un mínimo de 7.- Dentro del desarrollo de un layout, queda estipulado como lineamiento el uso de 3 brochazos 2 unidades en el cruce y 1 unidad como mínimo de altura. como máximo, evitando la saturación de elementos dentro de una composición. 2 unidades 1 unidad Nota: Es importante dentro de la justificación de la gráfica, buscar que la gráfica se ejecute lo más exacto a partir de los vértices de la retícula. 54 Elementos complementarios Elementos complementarios 55
Cortes de la gráfica Aplicación de color en la gráfica 8.- Para cortar los gráficos es necesario colocar una mascarilla de recorte al mismo nivel de la 9.- Para finalizar la construcción de la gráfica, se aplican los colores de la paleta adecuada. retícula. Posteriormente, se seleccionan todos los elementos y se aplica el filtro recortar de la paleta Pathfinder que separará los residuos de los círculos. 56 Elementos complementarios Elementos complementarios 57
Paleta de color institucional Paleta de color B2C Para crear la gráfica institucional aplicando los colores y brochazos de manera correcta, se Para crear la gráfica B2C aplicando los colores y brochazos de manera correcta, se establecen establecen los siguientes parámetros. los siguientes parámetros. 1.-Dentro de la gráfica pueden ser utilizados únicamente 3 colores de la paleta, respetando las siguientes armonías: 1.- Dentro de la gráfica pueden ser • 1 color claro + 2 colores fuertes utilizados los 4 azules contenidos • 1 color fuerte + 2 colores claros en la paleta de color. 2.-Queda restringido el uso 2.- El logotipo deberá de existir de colores claros únicamente en un formato de color blanco, para la gráfica. siempre que se encuentre dentro 3.-Es necesario incluir el color de la gráfica. azul Comex® Pantone Process Cyan C en todos los gráficos. 3.- Es obligatorio el uso del color azul Comex® Pantone Process 4.-Sobre fondo blanco, el uso Cyan , dentro de la distribución del logotipo deberá aplicarse de los colores para la gráfica. en color azul Comex® Pantone Process Cyan C. 5.-Sobre una fotografía o color, el logotipo deberá aplicarse en blanco. 58 Elementos complementarios Elementos complementarios 59
Paleta de color B2B Máximo y mínimo de la gráfica Para crear la gráfica B2B aplicando los colores y brochazos de manera correcta, se establecen En el diseño de nuestra gráfica Comex®, debe incorporarse mínimo 1 brochazo y máximo 3, los siguientes parámetros. garantizando así el equilibrio en su composición. Paleta de color institucional 1.-La gráfica cuenta siempre con la aplicación de 3 colores. 2.-Es necesario mantener el color gris Pantone Cool Gray 10 C en todas las aplicaciones. 3.-Es importante manejar el logotipo en color blanco, siempre dentro de la gráfica. - Menos saturado Más saturado + 60 Elementos complementarios Elementos complementarios 61
Paleta de color B2C Paleta de color B2B - Menos saturado Más saturado + - Menos saturado Más saturado + 62 Elementos complementarios Elementos complementarios 63
Uso incorrecto de la gráfica Queda restringido emplear un color sólido como fondo en lugar de la gráfica Comex®. La gráfica no puede variar de los parámetros establecidos, siendo obligatorio conservar las formas curvas que reflejan los brochazos. Está prohibido colocar o “en capsular” el logotipo Queda restringida la mezcla de los colores entre dentro de un fragmento de la gráfica. paletas de color, para evitar que existan confusiones que afecten la comunicación de la gráfica. 64 Elementos complementarios Elementos complementarios 65
Queda prohibido usar combinaciones diferentes a las autorizadas para la gráfica B2C: Se considera un mal uso usar colores sólidos • 1 color claro - 2 colores fuertes que no marquen los cruces de los brochazos. • 1 color fuerte - 2 colores claros No es permitido el uso de sombras ni efectos dentro de la gráfica. Es incorrecto no aplicar un color diferente en la gráfica dentro de los cruces de los brochazos. 66 Elementos complementarios Elementos complementarios 67
Uso de imágenes en la gráfica En nuestra publicidad, la correcta aplicación de las imágenes y gráfica Comex® en los diseños deben contribuir a la comunicación de nuestra marca, por lo que está permitido ubicar la imagen detrás de los gráficos, o bien a la inversa siempre que la imagen esté recortada. Está prohibido sobreponer brochazos en los rostros de las personas que aparecen en las imágenes. Gráfica institucional con fotografía Ejemplo de aplicación 1) Imagen detrás de la gráfica. 2) Imagen a recorte sobre la gráfica. Cuando el logotipo se encuentra posicionado dentro de una gráfica, este debe ser utilizado en color blanco para asegurar su correcta visualización. 68 Elementos complementarios Elementos complementarios 69
Gráfica B2C con fotografía Gráfica B2B con fotografía Ejemplo de aplicación Ejemplo de aplicación 1) 1) 2) 2) 70 Elementos complementarios Elementos complementarios 71
Tratamiento de las imágenes Selección del área de trabajo Nuestra nueva gráfica nos distingue y será la que ayude a reforzar nuestra comunicación dentro de las aplicaciones visuales donde se encuentre, es por esto que para su correcta aplicación en conjunto con las imágenes se ha desarrollado el siguiente tratamiento. Para la correcta aplicación del tratamiento de imágenes es necesario trabajar la imagen a la medida exacta del formato en el que se esté diseñando, contemplando rebases con la intención Imagen virada hacia algún color de hacer un buen manejo de imagen que minimice el margen de error. Este tratamiento será implementado únicamente en las imágenes que por la misma naturaleza de la toma se encuentran viradas hacia algún color, el cual interfiere con las transparencias de la gráfica afectando directamente el matiz de los colores. 1.- Una vez seleccionada la imagen a la que se le aplicará el tratamiento, la imagen se ajusta al tamaño exacto del formato a utilizar y se le coloca el vector trazado con base en la retícula creada con anterioridad en el editor de imágenes. 2.- Seleccionar el vector. El tratamiento no es para todas las imágenes que interactúen con la gráfica, es únicamente para las que alteran el matiz de los colores, ya que ayuda a controlar la variación de tono. 3.- Con el área del vector seleccionada, ocultamos el vector para ver las modificaciones que se harán en la capa de la imagen. 4.- Es necesario pasar a “0%” la saturación del área seleccionada de la imagen para obtener tonos claroscuros que ayuden a proteger el matiz de los colores empleados en la gráfica. 72 Elementos complementarios Elementos complementarios 73
Ajustes de iluminación Transparencia Los brochazos pueden ser utilizados con transparencia sobre imágenes, lo que permite una mayor cantidad de diseños y creatividad al desarrollar la publicidad. 5.- Aplicar ajustes de color como brillo, contraste o luminosidad según lo requiera la imagen. 6.- Guardar el documento con otro nombre para no perder el original. 1.- Para la correcta aplicación de la transparencia es importante 7.- Se reenlaza la imagen nueva en el programa seleccionar los colores de la gráfica vectorial donde se esté trabajando la gráfica, a utilizar con base en la fotografía, tomando como referencia que para evitar ajustes manuales que provoquen desfases los colores sean secundarios y o empalmes de la imagen con la gráfica. permitan la interacción de la gráfica con la fotografía. 2.- Se coloca un modo de fusión multiplicar en la paleta de transparencia. 3.- La transparencia puede ser utilizada en un porcentaje de 8.- Por último se aplica modo de fusión multiplicar a 99% a 60%, según lo requiera la grafica para crear la transparencia correctamente. el layout que se esté diseñando. 4.- Al modificar el color de la gráfica con la transparencia, debe conservar su matiz. 74 Elementos complementarios Elementos complementarios 75
Anuncios de revista y prensa La premisa de todo anuncio Comex® es ser claro y conciso. Para los anuncios en medios impresos se tienen limitantes para la información gráfica dentro un layout. Las imágenes deberán ser sobrias y coherentes con el mensaje que se quiera transmitir. 1unidad 10 unidades 7 unidades 2 unidades 1 unidad 2 unidades 4 Aplicaciones de la marca Tener claras las diversas aplicaciones que pueden realizarse de la marca en las diferentes 1 unidad piezas de comunicación y medios, permite un correcto manejo del logotipo y el cuidado óptimo de la imagen institucional. 2 unidades 1 unidad 1 unidad 1 unidad 8 unidades 6 unidades 2 unidades Aplicaciones de la marca 77
Espectaculares Flyers El desarrollo de este tipo de diseños está pensado en su exposición masiva y en la gran Desarrollando la expansión comunicativa de Comex® se exponen en su gran diversidad de representativa visual que este formato tiene, por lo que se busca mantener una imagen medios una amplia gama de impresos; en este caso, se presentan flyers que deben mantener homogénea de Comex® en todos los espectaculares, conservando siempre la proporción del unidad y correspondencia con la nueva imagen de Comex®. logotipo asignadas en este manual. 1 unidad 10 unidades 7 unidades 2 unidades 1 unidad 1 unidad x 7 unidades 1 unidad x 1 unidad 1 unidad 8 unidades 6 unidades 2 unidades 78 Aplicaciones de la marca Aplicaciones de la marca 79
Lona formato extra Horizontal Lona formato extra vertical 5 unidades 1 unidad 1 unidad 6 unidades 1 / unidad 2 Copy 1 / unidad 1 2 / unidad 2 • La letra mayuscula sera el parametro 1 unidad 4 unidades para aplicar la unidad para ajustar en el arte. • En el copy las palabras clave se Lona formato rectangular 7 unidades aplicara Tipografía Comex® Bold. 1 unidad 1 unidad 1 unidad 5 unidades Firma centrada 1 unidad 5 unidades 80 Aplicaciones de la marca Aplicaciones de la marca 81
Material POP Criterio para uso de firmas El material POP tiene como finalidad principal funcionar como herramienta de venta El uso de firmas dentro de los materiales de Comex® es de suma importancia, por lo dentro de las tiendas. Para lograrlo, el cuidado de lo que se comunica es primordial y por que se tiene un patrón en la implementación de la firma, que está determinada por eso se establecen parámetros que regulan su elaboración y distribución. imágenes e información de contacto para nuestros clientes, por lo que está será usada de acuerdo con la aplicación que se requiera. Todos los colores siempre están a precio de blanco El color que imaginaste disponible en ColorLife www.colorlifesystem.com Atención al consumidor El uso del taco de color en la firma de un material Del D.F. y área metropolitana: 5864-0790 y 91 Del interior de la República: 01800-71-26639 está destinado a todas las aplicaciones gráficas Visita tu tienda Comex correspondientes a los negocios decorativos. www.comex.com.mx Logotipo Todos los colores siempre están a precio de blanco Atención al consumidor Del D.F. y área metropolitana: 5864-0790 y 91 La tienda es un icono que se empleará en las Gráfica aplicada Del interior de la República: 01800-71-26639 Visita tu tienda Comex aplicaciones gráficas correspondientes a los www.comex.com.mx negocios de maderas e impermeabilizantes. Concepto de la campaña Todos los colores siempre están a precio de blanco El color que imaginaste disponible en ColorLife www.colorlifesystem.com Atención al consumidor Del D.F. y área metropolitana: 5864-0790 y 91 El teléfono se destina para todas las aplicaciones Modelo Feel good Del interior de la República: 01800-71-26639 Visita tu tienda Comex donde se muestre tecnología o algún medio digital www.comex.com.mx usado por Comex*. Descarga tus Apps Comex en Itunes Dirección electrónica La firma de la página de internet e iconos de redes sociales deberán ser incluidos en todos los anuncios impresos o digitales que se generen. 82 Aplicaciones de la marca Aplicaciones de la marca 83
Videos corporativos Firma electrónica Los videos corporativos tienen la función de informar y difundir información. Para hacer buen La firma electrónica como herramienta de comunicación externa se encontrará implícita uso de la marca es necesario usar el logotipo en color blanco con una sombra que permita en todos los correos electrónicos de los integrantes de Comex®, esto permitirá difundir una verlo claramente. Debe obtenerse la autorización del área Oficina de Marca Comex®. imagen bien direccionada de la fuente que emite la información. Efecto visual sombra - aplicación correcta Valores correctos para aplicar efecto visual de sombra al logotipo Juan Sánchez Mejorada F. | Director General | E-business (2581.5900) Ext.01 y 02 jsanchezm@comex.com.mx | México | www.comex.com.mx Cel.:044.55.1024.0361 Efecto visual sombra - aplicación incorrecta 84 Aplicaciones de la marca Aplicaciones de la marca 85
Interacción de la marca con submarcas La marca en promocionales Para favorecer la imagen de Comex® con la de las submarcas, se implementa un adecuado uso de las marcas en el que éstas se vinculan permitiendo una interacción dinámica que Para mantener la imagen de la marca intacta se norma entorno a todos los artículos no permite ningún declive de sus atributos. promocionales, lo que permite mantener el diseño de la marca siempre funcional y apegado a su forma y visualización. Co-branding Promocionales Comex® Respecto al uso de la marca para alianzas comerciales se necesita un empleo adecuado de los recursos gráficos que permitan un diseño eficaz, que desarrolle una interacción amigable Para el uso correcto de la marca en promocionales se establece que el logotipo irá en blanco sobre con las marcas y permita una imagen clara dando el mismo peso visual a ambos logotipos. otro color; en caso de que el promocional sea blanco, el logotipo tendrá que ser aplicado en azul Comex® Pantone Process Cyan, respetando el área de resguardo y tamaño mínimo del logotipo. 86 Aplicaciones de la marca Aplicaciones de la marca 87
Tono y estilo de la comunicación En Comex®, la comunicación que ofrecemos identifica lo que impulsamos permitiendo transmitir nuestros valores e ideas, así como la calidez que nos caracteriza. Esta actitud nos vincula con la gente y gracias a los diversos medios podemos lograrlo. Nuestro estilo de comunicación nos permite consolidarnos como marca al manejar un estilo y tono más humano. 5 Comunicación La gran importancia de la humanidad al transmitir información así como sus sentimientos, es la razón por la que los mensajes son un factor que nos permiten crecer como sociedad, dando vida al desarrollo cultural. El intercambio de mensajes es preciso para crear vínculos y relaciones entre los humanos, de ahí la importancia de manejar un mismo código o lenguaje correcto. Comunicación 89
Estilo fotográfico Fotografías por contenido De acuerdo con nuestra personalidad necesitamos proyectar nuestra imagen. El estilo Espacios con detalles fotográfico de Comex® debe ser de gran impacto en nuestra publicidad con un manejo unificado en la imagen y su contenido no verbal. Deberán ser elementos que ubican o crean un ambiente que determina la acción que da vida a esa imagen. Deben ser composiciones armoniosas. Paleta de color institucional Nuestros colores institucionales deberán transmitir los valores que caracterizan a Comex®; por ejemplo, con imágenes que proyecten la buena actitud del personal y el ambiente laboral. Paleta de color B2C Toque Humano Las fotografías referentes a la paleta de color B2C tendrán que presentar al cliente final las sensaciones generadas por el color; así se reafirmará el mensaje de esta paleta de color. Ambientes en los que la presencia humana es el elemento fundamental y que en conjunto den la sensación de vida y color necesarias para la transmisión correcta del mensaje. Paleta de color B2B Las imágenes a utilizarse para el manejo de la paleta de color B2B tendrán que reflejar el entorno corporativo y global de Comex®. Deberán apreciarse relaciones con otros clientes corporativos. 90 Comunicación Comunicación 91
Fotografías por contenido Iluminación Beneficio emocional Las imágenes con intensidad visual e iluminación adecuada para Comex® deben ser con luz neutra y uso de filtro cyan, así como de una pequeña saturación para matizarlas. Estas permitirán identificar las facultades y beneficios que se ofrecen respecto al producto, denotando detalles que faciliten conocer la experiencia de color Comex®. Sin filtro cyan Con filtro cyan Actitud Feel Good Dispone características de personas con actitud positiva, cosas o factores que los hacen sentirse bien en su entorno y con ellos mismos. 92 Comunicación Comunicación 93
Manejo fotográfico Políticas de creación de logotipos internos La versatilidad en Comex® es una característica que se transmite en nuestros diseños. Es Para reforzar nuestra imagen y valores, y que éstos se vean reflejados a lo interno de Comex® es permitido el uso de siluetas sobre fondo blanco o en gráficos que tengan la posibilidad de necesario ajustar y homologar el diseño de los logotipos de nuestros productos. usar esta imagen o bien imágenes de ambientes que proyecten la interacción del sujeto con las sensaciones generadas por el uso del color. Logotipo: Es el elemento gráfico que carece de icono y solo está formado por tipografía. 1.- Tipografía: La instrucción de los logotipos para las diferentes submarcas que pertenecen a Comex® tendrá que ser orientada con la tipografía institucional. 2.- Forma: Para la elaboración de un logotipo puede incluirse una modificación sobre una letra que brinde la personalización requerida para la submarca. 3.- Color: El color se determinara tomando como base las paletas de color permitidas y siguiendo los parámetros de aplicación requeridos por la submarca a representar. 94 Comunicación Comunicación 95
Innovación que inspira
También puede leer