¡Mi mundo está lleno de color!
Índice Introducción Carta de nuestro CEO Misión, visión y valores
1 Elementos primarios 15 16 17 18 19 20 21 22 23 24 25 26
Nuestra marca Proporciones de la marca Retículas Logotipo con submarca Logotipo con descriptor institucional Tamaño mínimo del logotipo Área de resguardo Aplicaciones de la marca Color de la marca Tipografía Comex® Tipografía Web Tipografía Arial Uso correcto de la tipografía
2 Normas de la marca 29 30 31 32 33 34 39 41
Logotipo en formato vertical y/o cuadrado Logotipo en formato extra vertical Logotipo interactuando con submarca Uso correcto del logotipo Uso incorrecto del logotipo Uso del logotipo en medios Paleta de color institucional Paleta de color B2C
44 47
Símbolo y fondo Uso correcto del degradado
3 Elementos complementari complementarios os 49 50 57 64 69 72 75
Significado de la gráfica Construcción de la gráfica Aplicación de color en la gráfica Uso incorrecto de la gráfica Uso de imágenes en la gráfica Tratamiento de las imágenes Transparencia
4 Aplicaciones de la marca 77 78 80 81 82 83 84 85
Anuncios de revista y prensa
Espectaculares Material POP Criterio para uso de firmas Videos corporativos Firma electrónica Interacción de la marca con submarcas La marca en promocionales
5 Comunicación 87 88 89 9 92
Tono y estilo de la comunicación Estilo fotográfico Fotografías por contenido Iluminación Manejo fotográfico Políticas de creación de logotipos
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
Misión
Visión
Desarrollar productos innovadores y soluciones integrales que brinden el apoyo necesario para realizar proyectos 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.
Enriquecer la calidad de vida diaria preservando, protegiendo y embelleciendo el mundo en donde vivimos.
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 nuestras decisiones y acciones con todas sus consecuencias y mantenemos un total respeto a la dignidad de la persona. Reconocemos que en la honestidad y el comportamiento ético está el origen del verdadero éxito empresarial.
Sabemos que la obtención de resultados económicos es la manera de responder a la confianza puesta en nosotros. Orientamos nuestras acciones y decisiones a la generación de utilidades y al crecimiento de nuestros negocios.
Servicio
Comunidad
Demostramossensibilidadporlasnecesidadesdenuestros clientesinternosy/oexternos, vivimos el valor del servicio a través de una actitud positiva y permanente de compromiso y cordialidad.
Difundimos el trato cordial, sencillo y familiar entre los miembros de nuestra organización; queremos despertar en todos nosotros el sentido de pertenencia y orgullo. Creemos en los 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
Innovación 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.
Inteligencia Somos una organización que aprende, genera y comparte conocimientos; que analiza, cuestiona, responde, resuelve y busca convertir cada jornada en una ocasión de aprendizaje.
Queremos establecer una relación sustentable y positiva con las comunidades en que
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 .
Medio ambiente 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, con una clara convicción de actuar en pro del equilibrio ecológico, hasta convertir esta actuación en un estilo de vida.
Al vivir nuestros valores diariamente nos fortalecemos como personas y ayudamos a
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.
Proporciones de la marca
Retículas
Nuestro logotipo Comex® se ha concebido dentro de una retícula que estandariza sus medidas para ser siempre exactos, mantener su correspondencia, equilibrio y justificar nuestra presencia visual en un margen adecuado.
Tanto el encuadre como la línea de construcción de nuestro logotipo Comex® deben aplicarse bajo una proporción precisa, la cual está guiada por la letra X.
El símbolo ® se aplicará al pie de la letra X.
Logotipo con submarca
Logotipo con descriptor institucional
4x
4x
2x 2x
2x
Nuestra marca desarrolla un sistema de submarcas, las cuales deben de ser identificadas bajo el logotipo, conservando una proporción correspondiente a 2 unidades de la retícula. La tipografía permitida para este uso es Comex ® Bold Italic.
1x 1x 1x
En Comex® manejamos diversas divisiones internas, las cuales deben ser identificadas bajo el logotipo, conservando una proporción correspondiente a 1 unidad de la retícula. La tipografía permitida para este uso es Comex® Light.
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 institucional
6 mm
X X
Color de la marca
Aplicaciones de la marca A favor de exponer e identificar cuál es el giro que corresponde a cada división de nuestra marca, presentamos un diseño específico para cada una de ellas. Esta presentación gráfica permite delimitar su estructura, ilustrar sus facultades y definir a dónde se encamina.
Marca maestra
Submarcas
Capacitación e investigación
Centros de distribución
Papelería Señalización Comunicación
El azul resalta las características y valores que nos identifican y representan como marca, siendo el color azul Comex ® Pantone Process Cyan C, el que debe implementarse de manera emblemáticaen nuestracomunicación.
Para la aplicación correcta de nuestra marca se podrá utilizar el logotipo en color azul Comex ® Pantone Process Cyan C, sobre fondo completamente blanco sin degradado, de esta manera el manejo entrará en nuestra normativa visual.
Prensa Publicidad Internet
Nuestro logotipo en color blanco podrá utilizarse sobre fondo azul Comex ® Pantone Process Cyan C, o en cualquiera de los usos permitidos para esta aplicación.
Tiendas Productos Promocionales
Servicios usuariofinal Papelería
Servicios C oncesionarios
Alianzas
Nuestro logotipo en color negro podrá utilizarse sobre fondo blanco para medios impresos, lo que permitirá aplicar la marca de manera adecuada y legible.
Señalización Comunicación Prensa Publicidad Internet Tiendas Productos Promocionales
Nuestro logotipo en color gris Pantone Cool Gray 10 C podrá utilizarse sobre fondo blanco únicamente para casos excepcionales, siempre que sea aprobado por la Dirección de Mercadotecnia y por la Oficina de marca.
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 cual nos identifica. Su diseño permite una máxima legibilidad de la información, teniendo una selección especial para nuestra comunicación interna y externa .
En el caso de web se utilizará la misma fuente Comex ®, con la diferencia de que se t endrá que utilizar en estos 5 formatos diferentes.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Light Condensed
ABCDEFGH IJKLMNÑ OPQRST UVWXYZ abcdefghijklmnñopqrstuvwxyz 01234567 89
Comex® Light Ultra Condensed
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklm nñopqrstuvwxyz 0123456789
Comex® Ultra Condensed
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Medium Condensed
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0 1 2 3 45 67 8 9
Comex® Bold Condensed
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Light
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Light Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Medium
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Medium Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Bold
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Bold Italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Comex® Black
Especificada para comunicación interna Especificada para comunicación interna
Comex® .eot (Embedded Open Type) formato para IE6, 7 y 8. Comex® . svg (ScalableVectorGraphics)SafariMobile(iPhone,iPad). Comex® . ttf (True Type Font) Soportado por la mayoría de los navegadores pero varía por versiones. Comex® .woff (Web Open Font Format) utilizado por Mozilla Firefox, Google Chrome, Opera e IE9 y 10. En el caso de android y otros dispositivos móviles, la fuente debe convertirse e n código .js y utilizar las librerías cufon.js y cufon-yui.js, para visualizarla correctamente.
Especificada para comunicación interna Especificada para comunicación interna Especificada para comunicación interna Especificada para comunicación externa Especificada para comunicación externa Especificada para comunicación interna y externa Especificada para comunicación interna y externa Especificada para comunicación externa
Tipografía Arial Para uso de legales En Comex® tenemos una familia tipográfica especialmente creada para nuestra marca, la cual nos identifica. Su diseño permite una máxima legibilidad de la información, teniendo una selección especial para nuestra comunicación interna y externa. A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z abcdefghijklmnñopqrstuvwxyz 0123456789
Arial Regular
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z a b c d e f g h i j k l m n ñ o p q r s t u v w x y z 0123456789
Arial italic
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Arial Bold
AB CD EF GH IJ KL MN ÑO P QR ST UV WX Y Z abcdefghijklmnñopqrstuvwxyz 0123456789
Arial Bold Italic
Especificada para comunicación interna
Especificada para comunicación interna
Especificada para comunicación interna
Especificada para comunicación externa Especificada para comunicación externa
Especificada para comunicación interna
Uso correcto de la tipografía 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 la transferencia de información y permite la comprensión de nuestros comunicados.
LOREM IPSUM DOLOR SIT AMET LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. PHASELLUS DIGNISSIM TORTOR 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
El manejo de textos escritos en su totalidad con mayúsculas es inapropiado debido a que limita la legibilidad de los contenidos distrayendo la atención e interfiriendo con la transmisión del mensaje. Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor 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 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.
Se deberá manejar y escribir textos con letra mayúscula y minúscula en todo desarrollo comunicativo para permitir su clara legibilidad y el buen entendimiento del mismo.
Lorem in dui pellentesque tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.Maecenasac tortor a urna dignissim. Donec aliquet imperdiet ullamcorper. Nam sit amet massa elit. Et iam 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. Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor arcu. Donec luctus 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 el símbolo ®, de esta manera se presenta sobriedad y unilateralidad para el lector sin crear un sobresalto visual innecesario.
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor 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 Comex ® dignissim. Donec aliquet imperdiet ullamcorper. 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 tipográficos o una gran variación de puntaje en un mismo texto se considera innecesario y fuera de normatividad ya que puede dificultar la comprensión del mismo.
Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet consectetur adipiscing elit. Phasellus dignissim tortor arcu. Donec luctus arcu in dui pellentesque tempor. Class aptent taciti sociosqu ad litora torquent per conubia nostra . 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.
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.
Logotipo en formato extra vertical
Logotipo interactuando con submarca
6 unidades 7 unidades
Cuando exista la interacción de alguna d e nuestras submarcas con el logotipo Comex ® en el mismo layout, éste deberá estar ubicado en el cuadrante inferior derecho, mientras que la submarca estará en el cuadrante superior derecho dentro de una área de 7 unidades contenida en una retícula de 20.
En un formato extra ver tical nuestro logotipo siempre se encontrará ubicado en la parte superior, alineado al centro y respetando el área de resguardo.
En ambos casos, deberá respetarse el área de resguardo.
6 unidades 20 unidades
Uso correcto del logotipo
Uso incorrecto del logotipo
Al desarrollar una pieza gráfica donde nuestra marca sea aplicada sobre un fondo deben observarse las normas estipuladas en este manual, mismas que garantizan el uso correcto del logotipo Comex® dentro de un gráfico.
La aplicación correcta de nuestro logotipo considera presentar siempre su tipografía original y color adecuado, respetando los espacios entre letras y manteniendo el logotipo en posición horizontal sin desarticularlo. Cualquier aplicación que altere la forma, color o legibilidad del logotipoComex® será incorrecta.
Sobre fondo blanco
Sobre fondo azul Comex®
Sobre fondo negro
Cambio de color, forma y orientación del logotipo
Color en el logotipo sobre fondo azul Comex® PantoneProcessCyan
Color en el logotipo sobre fondo negro
Color en el logotipo sobre fondo de color
Color en el logotipo sobre fondo con degradado
Color en el logotipo sobre fotografías a color
Color en el logotipo sobre fotografías en blanco y negro
Transparencia en el logotipo
Uso de degradado o efectos en el logotipo sin autorización de OM.
Es incorrecto desarticular el logotipo Comex® y utilizar sus letras por separado como símbolos.
Es incorrecto alterar o deformar cualquiera de las letras que lo componen nuestro logotipo.
Nuestra tipografía no es un símbolo y, por lo tanto, depende de su estructura completa.
Pantone Process Cyan
Sobre fondo de color
Sobre fotografías en blanco y negro con bajo contraste
Sobre fondo con degradado
Lineal o sólido
Sobre fotografías a color
Sobre fotografías en blanco y negro con alto contraste
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.
Anuncios b/n en prensa
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 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 ex tra verticales, el logotipo no puede ser cambiado de posición.
Promocionales
Aplicaciones Web
En artículos promocionales, 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 color del promocional. Para proteger su visibilidad, el tamaño y e stándares de impresión del logotipo deberán basarse en los estándares estipulados en este manual.
En los fondos de aplicaciones Web, nuestro logotipo Comex ® debe manejarse en blanco o azul Comex® Pantone Process Cyan; la selección de c ualquiera de estas opciones de color estará en función de la máxima visibilidad del logotipo. Para proteger su legibilidad, no deben usarse efectos, sombras o brillos sobre el logotipo.
Videos y televisión
Medios digitales
En estos medios, respetando los colores institucionales azul Comex ® Pantone Process Cyan, y blanco en el logotipo, se busca mantener una clara visualización y legibilidad, por lo que se puede implementar un sombreado en el contorno de la marca cuando el logotipo sea utilizado en color blanco. Para poder hacer uso de este efecto visual sobre el logotipo es necesario hacerlo bajo la supervisión y autorización de la Oficina de marca.
En medios digitales, 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 color del fondo. Para proteger su visibilidad, es indispensable conservar todos los parámetros de aplicación, posición y forma especificados anteriormente.
Institucional
Paleta de color institucional Elmanejodeloscoloresbusca aludiranuestraintegridad,identidadylealtad quenoscaracteriza.
C o P r m e o c e x ® s s P a C y a n t o n n e C
Comex® Pantone Process Cyan C
Pantone 2728 C
CMYK RGB Web
CMYK RGB Web
C-100% M-0% Y-0% K-0%
C-96% M-66% Y-0% K-0%
R-0 #009dda G-180 B-250
R-15 #054dbc G-77 B-188
ColorLife Color Center AZI04-1
Uxmal R2-13
1053
1038
Pantone 279 C
Pantone 2748 C
CMYK RGB Web
CMYK RGB Web
C-70 % M-33% Y-0% K-0%
C-100% M-90% Y-4% K-12%
Hilo para bordado
Pantone 2748 C
P a n t o n e 2 7 2 8 C P a n t o n e 2 7 9 C
R-75 #4a91dc G-146 B-219
R-3 #002072 G-31 B-115
ColorLife Cuernavaca R1-09
Galaxia R3-14
1030
1306
Hilo para bordado
B2C
Paleta de color B2C
Esta paleta de color hace referencia a la experiencia que el uso del color causa en el ser humano.
P a n t o n e 7 4 0 5 C
P a n t o n e 7 4 1 3 C
C 1 8 3 e n t o n a P
P a n t o n e 2 7 2 8 C
Pantone 7413 C
Pantone 381 C
Pantone 361 C
CMYK RGB Web
CMYK RGB Web
CMYK RGB Web
CMYK RGB Web
C-0% M-11% Y-97% K-0%
C-1% M-62% Y-95% K-2%
C-23% M-0% Y-89% K- 0%
C-75% M-0% Y-100% K-0%
R-236 #EEC200 G-194 B-0
R-212 #DA7921 G-123 B-34
R-201 #CADC01 G-221 B-3
R-52 #31B133 G-178 B-51
ColorLife C 6 1 e 3 o n n t a P
Pantone 177 C
Comex® Pantone Process Cyan C
Pantone 7405 C
Manila J1-13
Tejocote H2-12
Chulo K1-14
Lagarto L2-14
1314
1324
1318
1264
Pantone 177 C
Pantone 1795 C
Pantone 197 C
Pantone 198 C
CMYK RGB Web
CMYK RGB Web
CMYK RGB Web
CMYK RGB Web
Hilo para bordado
C-0% M-58% Y-38% K-0%
R-255 #FF818B G-129 B-141
C-0% M-96% Y-90% K-2%
R-205 #D42029 G-32 B-44
C-0% M-45% Y-12% K-0%
R-229 #EC99A9 G-154 B-170
C-0% M-82% Y-37% K-0%
R-219 #E24B67 G-77 B-105
ColorLife C 2 6 5 n e t o n P a
P a n t o n e 1 7 9 5 C C 0 3 5 e n t o n a P
C 8 9 1 e n o t n a P
P a n t o n e 1 9 7 C
Sueno D1-11
Machis E1-12
Verano D2-07
Barcelona D1-12
1348
1016
1004
1014
Pantone 530 C
Pantone 526 C
Comex® Pantone Process Cyan C
Pantone 2728 C
CMYK RGB Web
CMYK RGB Web
CMYK RGB Web
CMYK RGB Web
Hilo para bordado
C-13% M-28% Y-0% K-0%
R-211 #D7B6E0 G-184 B-226
C-76% M-99% Y-0% K-0%
R-101 #692D86 G-45 B-134
C-100% M-0% Y-0% K-0%
R-0 #009DDA G-180 B-250
C-96% M-66% Y-0% K-0%
R-15 #054DBC G-77 B-188
ColorLife Sizu T2-08
Fiesta A1-12
Color Center AZI04-1
Uxmal R2-13
1056
1064
1053
1038
Hilo para bordado
B2B
Paleta de color B2B C 4 7 8 e n o t n a P
P a n t o n e 7 4 6 3 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.
e t o n a n ® P n C a x y m e C C o c e s s P r o
Pantone Cool Gray 10 C
CIC Azul profundo PMS 7463 C
CMYK RGB Web
CMYK RGB Web
C-0 % M-0% Y-0 % K-60 %
C-100 % M-43% Y-0 % K-65 %
R-125 #606366 G-125 B-130
R-0 G-53 B-95
#003050
PMS 8643C Web Pantone Yellow 012 #8c6f50 Pantone 874
ColorLife Mistico L5-14
Elegancia R4-14
Bellota I4-12
1219
1046
1297
Comex®Pantone Process Cyan C
PMS 7708 C
Pantone 7704 C
CMYK RGB Web
CMYK RGB Web
CMYK RGB Web
C-100 % M-0 % Y-0 % K-0 %
C-100 % M-18 % Y-12 % K-59 %
C-93 % M-4% Y-8 % K-24%
Hilo para bordado
o l C o n e 1 n t o 1 0 C a P y a G r
P a n t o n e 7 7 0 8 C
C 4 0 7 7 e n o t n a P
R-0 #009dda G-180 B-250
R-0 #00516c G-86 B-112
R-0 #0085ad G-133 B-173
ColorLife Color Center AZI04-1
Agata O3-14
Aguamarina P1-13
1053
1227
1050
Hilo para bordado
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 Process Cyan C
Pantone 279 C
Pantone 7413 C
Pantone 361 C
Pantone 1795 C
Pantone 198 C
Pantone 526 C
Pantone 2728 C
Pantone 2728 C
Pantone 2748 C
Uso correcto del degradado
Fondos color B2C
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 º
3
1
Pantone 7463 C
Pantone Cool Gray 10 C
Pantone 633 C
-
1
3
5
º
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 maestro, siendo éste el que determinará el espesor de los brochazos subsecuentes.
s e d a d i
n u 6 2
s e d a d i
n u 6 2
20 unidades
s e d a d i
n u
s e d a d i n u 0 2
6 2
20 unidades
20 unidades
2.- La unidad base para generar el círculo maestro tiene una medida de 20 unidades x 20 unidades, dentro de las cuales se traza el círculo maestro.
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 s e d a d i
n u 0 2
1:2 1 : 2.5
Interacción de los brochazos
20 unidades
1:3 1:4
5.- Se cruzan los círculos entre sí para generar 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.
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 2 unidades en el cruce y 1 unidad como mínimo de altura.
7.- Dentro del desarrollo de un layout, queda estipulado como lineamiento el uso de 3 brochazos como máximo, evitando la saturación de elementos dentro de una composición.
2 unidades
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.
1 unidad
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 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.
9.- Para finalizar la construcción de la gráfica, se aplican los colores de la paleta adecuada.
Paleta de color institucional
Paleta de color B2C
Para crear la gráfica institucional aplicando los colores y brochazos de manera correcta, se establecen los siguientes parámetros.
Para crear la gráfica B2C aplicando los colores y brochazos de manera correcta, se establecen 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 utilizados los 4 azules contenidos en la paleta de color. 2.- El logotipo deberá de existir en un formato de color blanco, siempre que se encuentre dentro de la gráfica. 3.- Es obligatorio el uso del color
azul Comex® Pantone Process Cyan , dentro de la distribución de los colores para la gráfica.
• 1 color claro + 2 colores fuertes • 1 color fuerte + 2 colores claros
2.-Queda restringido el uso de colores claros únicamente para la gráfica. 3.-Es necesario incluir el color azul Comex® Pantone Process Cyan C en todos los gráficos. 4.-Sobre fondo blanco, el uso del logotipo deberá aplicarse en color azul Comex® Pantone Process Cyan C. 5.-Sobre una fotografía o color, el logotipo deberá aplicarse en blanco.
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 los siguientes parámetros.
En el diseño de nuestra gráfica Comex®, debe incorporarse mínimo 1 brochazo y máximo 3, 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 +
Paleta de color B2C
- Menos saturado
Paleta de color B2B
Más saturado +
- Menos saturado
Más saturado +
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.
Queda restringida la mezcla de los colores entre paletas de color, para evitar que existan confusiones que afecten la comunicación de la gráfica.
Está prohibido colocar o “en capsular” el logotipo dentro de un fragmento de la gráfica.
Queda prohibido usar combinaciones diferentes a las autorizadas para la gráfica B2C:
Se considera un mal uso usar colores sólidos que no marquen los cruces de los brochazos.
• 1 color claro - 2 colores fuertes • 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.
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.
Cuando el logotipo se encuentra posicionado dentro de una gráfica, este debe ser utilizado en color blanco para asegurar su correcta visualización.
2) Imagen a recorte sobre la gráfica.
Gráfica B2C con fotografía
Gráfica B2B con fotografía
Ejemplo de aplicación
Ejemplo de aplicación
1)
1)
2)
2)
Tratamiento de las imágenes Nuestra nueva gráfica nos distingue y será la que ayude a re forzar 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.
Imagen virada hacia algún color 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 t ransparencias de la gráfica afectando directamente el matiz de los colores.
Selección del área de trabajo 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 de hacer un buen manejo de imagen que minimice el margen de error.
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á gen es 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.
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. 7.- Se reenlaza la imagen nueva en el programa vectorial donde se esté trabajando la gráfica, para evitar ajustes manuales que provoquen desfases o empalmes de la imagen con la gráfica.
1.- Para la correcta aplicación de la transparencia es importante seleccionar los colores de la gráfica a utilizar con base en la fotografía, tomando como referencia que los colores sean secundarios y 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.
8.- Por último se aplica modo de fusión multiplicar a la grafica para crear la transparencia correctamente.
3.- La transparencia puede ser utilizada en un porcentaje de 99% a 60%, según lo requiera el layout que se esté diseñando. 4.- Al modificar el color de la gráfica con la transparencia, debe conservar su matiz.
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 piezas de comunicación y medios, permite un correcto manejo del logotipo y el cuidado óptimo de la imagen institucional.
1 unidad 2 unidades 1 unidad
1 unidad 1 unidad
8 unidades
6 unidades
2 unidades
Espectaculares
Flyers
El desarrollo de este tipo de diseños está pensado en su exposición masiva y en la gran representativa visual que este formato tiene, por lo que se busca mantener una imagen homogénea de Comex ® en todos los espectaculares, conservando siempre la proporción del logotipo asignadas en este manual.
Desarrollando la expansión comunicativa de Comex ® se exponen en su gran diversidad de medios una amplia gama de impresos; en este caso, se presentan flyers que deben mantener unidad y correspondencia con la nueva imagen de Comex ®. 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
Lona formato extra Horizontal
Lona formato extra vertical
5 unidades
1 unidad 1 unidad
6 unidades
1
/ unidad 2
Copy / unidad 2
1
/ unidad 2
1
• La letra mayuscula sera el parametro
para aplicar la unidad para ajustar en el arte.
• En el copy las palabras clave se
1 unidad
4 unidades
Lona formato rectangular 7 unidades
aplicara Tipografía Comex ® Bold.
1 unidad
1 unidad
1 unidad 5 unidades Firma centrada 1 unidad 5 unidades
Material POP
Criterio para uso de firmas
El material POP tiene como finalidad principal funcionar como herramienta de venta dentro de las tiendas. Para lograrlo, el cuidado de lo que se comunica es primordial y por eso se establecen parámetros que regulan su elaboración y distribución.
El uso de firmas dentro de los materiales de Comex ® es de suma importancia, por lo que se tiene un patrón en la implementación de la firma, que está determinada por 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 colorque imaginastedisponibleen ColorLife www.colorlifesystem.com Atenciónal consumidor Del D.F. y áreametropolitana:5864-0790 y 91 Del interiorde laRepública: 01800-71-26639 Visitatu tiendaComex www.comex.com.mx
El uso del taco de color en la firma de un material está destinado a todas las aplicaciones gráficas correspondientesa losnegociosdecorativos.
Logotipo Todos los colores siempre están a precio de blanco Atenciónal consumidor Del D.F. y áreametropolitana:5864-0790 y 91 Del interiorde laRepública: 01800-71-26639 Visitatu tiendaComex www.comex.com.mx
Gráficaaplicada
La tienda es un icono que se empleará en las aplicaciones gráficas correspondientes a los negocios de maderas e impermeabilizantes.
Conceptodelacampaña
Todos los colores siempre están a precio de blanco El colorque imaginastedisponibleen ColorLife www.colorlifesystem.com Atenciónal consumidor Del D.F. y áreametropolitana:5864-0790 y 91 Del interiorde laRepública: 01800-71-26639 Visitatu tiendaComex www.comex.com.mx
Modelo Feel good
El teléfono se destina para todas las aplicaciones donde se muestre tecnología o algún medio digital usado por Comex*.
Descargatus Apps Comex enItunes
Direcciónelectró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.
Videos corporativos
Firma electrónica
Los videos corporativos tienen la función de informar y difundir información. Para hacer buen uso de la marca es necesario usar el logotipo en color blanco con una sombra que permita verlo claramente. Debe obtenerse la autorización del área Oficina de Marca Comex®.
La firma electrónica como herramienta de comunicación externa se encontrará implícita en todos los correos electrónicos de los integrantes de Comex ®, esto permitirá difundir una imagen bien direccionada de la fuente que emite la información.
Efecto visual sombra - aplicación correcta
Efecto visual sombra - aplicación incorrecta
Valores correctos para aplicar efecto visual de sombra al logotipo
JuanSánchezMejoradaF. |DirectorGeneral|E-business (2581.5900)Ext.01y 02
[email protected]| México| www.comex.com.mx Cel.:044.55.1024.0361
Interacción de la marca con submarcas 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 no permite ningún declive de sus atributos.
Co-branding 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 con las marcas y permita una imagen clara dando el mismo peso visual a ambos logotipos.
La marca en promocionales Para mantener la imagen de la marca intacta se norma entorno a todos los artículos promocionales, lo que permite mantener el diseño de la marca siempre funcional y apegado a su forma y visualización.
Promocionales Comex® Paraelusocorrectode lamarcaenpromocionalesseestablecequeellogotipoirá enblancosobre 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.
Tono y estilo de la comunicación EnComex®,lacomunicaciónqueofrecemosidentificalo queimpulsamospermitiendotransmitir 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.
Estilo fotográfico
Fotografías por contenido
De acuerdo con nuestra personalidad necesitamos proyectar nuestra imagen. El estilo fotográfico de Comex ® debe ser de gran impacto en nuestra publicidad con un manejo unificado en la imagen y su contenido no verbal.
Espacios con detalles Deberán ser elementos que ubican o crean un ambiente que deter mina 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 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.
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.
Toque Humano Ambientes en los que la presencia humana es el eleme nto fundamental y que en conjunto den la sensación de vida y color necesarias para la transmisión correcta del mensaje.
Fotografías por contenido Beneficioemocional Estas permitirán identificar las facultades y beneficios que se ofrecen respecto al producto, denotando detalles que faciliten conocer la experiencia de color Comex ®.
Iluminación 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.
Sin 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.
Con filtro cyan
Manejo fotográfico La versatilidad en Comex ® es una característica que se transmite en nuestros diseños. Es permitido el uso de siluetas sobre fondo blanco o en gráficos que tengan la posibilidad de 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.
Políticas de creación de logotipos internos Para reforzar nuestra imagen y valores, y que éstos se vean reflejados a lo interno de Comex ® es necesario ajustar y homologar el diseño de los logotipos de nuestros productos.
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.
Innovación que inspira
