manual de marca

índice de contenidos

Introducción 1/ ELEMENTOS BÁSICOS DE IDENTIDAD 1.1 Logotipo 1.2 Marca gráfica principal 1.3 Marca gráfica complementaria 1.4 Construcción gráfica de la marca 1.5 Logotipo y tagline 1.6 Marca gráfica con tagline 1.7 Construcción gráfica de la marca con tagline 1.8 Áreas de negocio 2/ NORMAS DE UTILIZACIÓN 2.1 Normas de escritura de la marca 2.2 Zonas de protección mínima y reducción mínima 2.3 Utilización cromática. La marca sobre fondos corporativos 2.4 Utilización cromática. La marca sobre fondos blancos y negros 2.5 Utilización cromática. La marca sobre otros colores 3 / RECURSOS GRÁFICOS 3.1 Vectores de cambio 3.2 Caracter “i”

4 / TIPOGRAFÍA 4.1 Tipografía principal 3.2 Tipografías complementarias 5 / CROMÁTICA 5.1 Color principal 5.2 Colores complementarios 6 / APLICACIONES DE MARCA 6.1 Firma de email 6.2 Merchandising 6.3 Papelería 6.4 Banners - Web

introducción Una marca proyecta la imagen de una compañía, tanto hacia el exterior como hacia las personas que tienen contacto con ella, en el modo en el que se comunica. El estilo, la coherencia formal, la constancia en las comunicaciones de un producto definen, en último término, su personalidad, la identidad corporativa que hace identificable a una marca entre el universo de productos que existen en la categoría. La finalidad de este manual es la de describir, de manera clara y unívoca, la identidad corporativa de Sngular; y la de explicar cómo debe desarrollarse esa identidad en las diferentes aplicaciones comunicativas. Este manual pretende, por tanto, normalizar y homogeneizar los parámetros gráficos que deberán emplearse, de modo uniforme, por todas aquellas personas encargadas de desenvolver y representar la imagen de Sngular. A modo de normativa de aplicación de la identidad corporativa, deberá ser leído con detenimiento y comprendido antes de proceder a la puesta en práctica de los componentes de esa identidad. Debidamente aplicado, este manual asegura la consecución de una imagen homogénea, atractiva y fácilmente identificable para nuestra organización, a la vez que optimiza la eficacia de sus comunicaciones.

1/ elementos básicos de identidad

1.1. logotipo

1.2 marca gráfica principal A continuación reproducimos la marca en su color corporativo, con el que deberá ser representada siempre que sea posible.

Versión en positivo

Versión en negativo

1.3 marca gráfica complementaria Reproducimos la marca en color complementario Pantone 424 C. El uso de esta variante se reservará para aquellas comunicaciones que necesiten una cromática en blanco y negro.

Versión en positivo

Versión en negativo

1.4 construcción gráfica de la marca La construcción gráfica de la marca servirá como guía para poder elaborarla desde el inicio y por otro lado resolver problemas de proporciones. La marca Sngular estará formada por 23 unidades horizontales y 4 verticales. El grosor de la barra vertical colocada entre el carácter “s” y el carácter “n” irá marcado por un cuarto de la anchura del carácter “l”. La altura de esta estará delimitada por el punto máximo del carácter “l” y el punto más bajo del carácter “g”.

23x 1x

4x

1.5 logotipo con tagline

1.6 marca gráfica principal con tagline

Versión en positivo

Versión en negativo

1.7 construcción gráfica de la marca con tagline El tagline de la marca es “talent tech team”. Para la construcción de este nos hemos basado en la tipografía Bariol Regular. La anchura máxima del tagline viene limitada por los puntos más occidentales de los caracteres “n” y “r”.

23x 1x

La separación entre el logo de la marca y su tagline vendrá marcada por el triple de la anchura de la barra vertical situada entre los caracteres “s” y “n”.

4x

1.8 áreas de negocio Para identificar las diferentes áreas de negocio dentro de la marca crearemos una imagen para cada una de ellas basándonos en la siguiente guía de estilo.

logo

Pantone® 288 C

Versión sobre fondo claro Área de trabajo

Pantone® 424C

Versión sobre fondo oscuro

ventures

2/ Normas de utilización de la marca

2.1 Normas de escritura de la marca El logotipo de la marca Sngular contiene una barra vertical entre el carácter “s” y el carácter “n”. Esta barra vertical hace alusión a la barra parpadeante del tabulador en los programas de edición de texto, tal como si se acabara de eliminar el carácter “i” de la palabra “singular”. Sin embargo, siempre que debamos escribir nuestra marca sin utilizar el logo, lo haremos de la siguiente manera: -Se escribirá Sngular comenzando en mayúsculas sin ningún tipo de excepción e independientemente del uso o posición del texto donde vaya incluida nuestra marca. -No insertaremos ninguna línea vertical ni ningún otro carácter como el carácter pipe (”|”) para simular la barra vertical que encontramos entre el carácter “s” y el carácter “n” de nuestro logo.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean sngular commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient monte

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean s|ngular commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient monte Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean Sngular commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient monte

2.2 zona de protección y reducción mínima Para asegurar la legibilidad de la marca y su independencía frente a otros elementos que puedan compartir espacio visual, presentamos en esta página los márgenes mínimos de la zona de protección y los tamaños mínimos en los cuales se puede reproducir la marca tanto en medios impresos como digitales.

1x

Aconsejamos un margen perimetral de seguridad de dos unidades de proporción.

Tamaños mínimos

Impresos: 25 mm de anchura

Online: 120 px de anchura

2.3 utilización cromática. La marca sobre fondos corporativos Muestra de cómo se debe reproducir la marca sobre fondos de color corporativos, utilizando, según el caso, las versiones de la marca en su color corporativo y en negativo.

2.4 utilización cromática. La marca sobre fondos blanco y negro Muestra de cómo se debe reproducir la marca sobre fondos de blanco y negro, utilizando, según el caso, las versiones de la marca en positivo y en negativo.

escala de grises 100%

escala de grises 75%

escala de grises 50%

escala de grises 25%

2.5 utilización cromática. La marca sobre fondos de otros colores Muestra de cómo se debe reproducir la marca sobre fondos de diversos colores, utilizando la marca de la manera más coherente posible en negativo o positivo.

2.5 usos incorrectos Algunos ejemplos que muestran posibles usos incorrectos de la marca, que siempre debe respetar proporciones, disposición y cromática. Se deberá hacer caso de las indicaciones anteriormente mencionadas para la construcción de la marca, guardando la relación proporcional adecuada entre la barra interletrada entre los caracteres “s” y “n” y el tamaño de resto de caracteres. Es de especial atención el interletrado entre los caracteres y el espacio reservado para la barra vertical.

3/ recursos gráficos

3.1 vectores de cambio. Este lenguaje es la síntesis de la visión estratégica de la marca. Anticipación, velocidad, flexibilidad, y movimiento. Todo esto se expresa con nuestros vectores de cambio que evolucionan en cada acción de comunicación. Siempre que sea posible irán acompañados del carácter “i” minúscula para dejar constancia que los vectores son fruto de esa “i” que tomamos prestada de nuestra marca.

Frecuencia de los vectores A la hora de crear vectores de cambio habrá que tener en cuenta la frecuencia y el ritmo que se aconsejan para su uso. Deberán partir de un único punto donde colocaremos el carácter “i”. Desde ese punto, podrán ir aumentando su diámetro a la vez que se dispersan entre ellos, manteniéndose más aglutinados cuanto más cerca del caracter “i” se encuentren.

Código gráfico institucional Los puntos azules, grises y plata solo se utilizarán para comunicaciones institucionales y corporativas. Los puntos azules, grises y plata solo se utilizarán para comunicaciones institucionales y corporativas y publicidad de la marca representando al grupo.

Código gráfico Sngular Propuestas integradas para todas las áreas. Está definido para las comunicaciones, propuestas comerciales y usos de Sngular como marca. Los colores utilizados serán los relacionados con cada una de las áreas de conocimiento de la marca, las cuales por tema de organización interna pordrán tener un comportamiento flexible de color y nomenclatura.

3.2 carácter “i” Como hemos mencionado anteriormente, los vectores de cambio irán siempre acompañados, mientras la circunstancia lo permita, del carácter “i”. Este carácter será utilizado según la proporción aquí fijada y en el color azul corporativo. No se deberá utilizar el carácter “i” aislado de los puntos como recurso propio en ningún uso.

4/ tipografía

4.1 tipografía principal Siempre que sea posible se utilizará la tipografía Gotham Light para títulos y encabezados principales.

Gotham Light ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

4.1 tipografías complementarias Emplearemos la tipografía Bariol regular para los cuerpos de texto. En el caso de que no se disponga de las anteriores tipografías mencionadas y sólo se puedan utilizar fuentes por defecto en sistemas, se priorizará la tipografía Tahoma Regular.

Bariol Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

Tahoma Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!

5/ cromática

5.1 color principal Para poder tener un color que nos ayude a reproducir la marca en distintos espacios se establece como color principal el Pantone® 288 C

Pantone® 288 C

CMYK C: 100 M: 92 Y: 22 K: 12

5.2 colores complementarios Como colores complementarios hemos elegido tres grises de diferente grado de brillo, máxima saturación y concretados en Pantones®. Pantone® 424C CMYK: 59 | 49 | 46 | 14 RGB: 112 | 113 | 112 HEX: #707170

Pantone® cool gray 7C CMYK: 46 | 38 | 34 | 1 RGB: 153 | 152 | 153 HEX: #999899

Pantone® 420C CMYK: 25 | 19 | 19 | 0 RGB: 201 | 200 | 199 HEX: #C9C8C7

6/ aplicación de la marca

6.1 firma e-mail Para incluir la firma de email se deberá seguir en todos los cargos el mismo modelo y el mismo orden de datos con sus correspondientes enlaces: -Nombre y Apellidos -Cargo -Sngular -Teléfono -Email -Usuario de Linkedin -Blog o web personal (si procede) -Usuario de Twitter -Página web de Sngular -Oficinas -Logo con tagline alineado a la izquierda.

Cómo insertar la firma en Gmail Para incluir la firma en el gestor de email de Google deberá acceder a la pestaña “Configuración” y en el campo “Firma” añadir los datos de la firma siguiendo las siguientes indicaciones: -Nombre y Cargo: Gris oscuro (4º empezando por la izq.). Nombre en tamaño grande y cargo en tamaño Normal. Fuente Tahoma. -Resto de datos: Gris medio (3º empezando por la izq.) y en tamaño normal. Fuente Tahoma.

Estilos de la firma en HTML -Nombre: font-size: 18px / color="#666666" / font-family: Tahoma -Cargo: font-size: 12.8px / color="#666666" / font-family: Tahoma -Datos: ont-size: 12.8px / color="##999999" / font-family: Tahoma

Donec eget dolor lacus. Aenean nisi elit, hendrerit ut ligula quis, commodo finibus elit. Nunc imperdiet massa id quam vehicula, eu semper purus consequat. Curabitur ornare eros nisl, eget gravida sem maximus non. Cras finibus dolor ante, sit amet pretium diam tristique sed. Fusce dignissim ultricies libero, quis vestibulum ex mattis eget. Fusce aliquet congue lacus, ut pretium lectus eleifend quis. Curabitur imperdiet sapien in sapien consectetur, a elementum dui consequat.

Morbi lobortis tempus orci. Nombre Apellido Apellido CARGO Sngular Mobile Email Linkedin Blog Twitter Web Offices

+34 600 000 000 [email protected] linkeding.com/in/user userblog.com @user www.sngular.team SPAIN - MEXICO -USA

6.2 merchandising

6.3 papelería

Dirección, nº 00 Ciudad - País Teléfono Twitter - Instagram

José Luis Vallejo CEO

www.sngular.team Spain | Mexico | USA

[email protected] jlvallejo.sngular.team linkedin.com/in/jlvallejo @jlvallejo +34 619 370 307 leads excellence

6.4 banners - web Incluimos ejemplos de banners para uso web y digital. El logo admite la particularidad de ser representado en formato .gif como animación. En este caso el único elemento animado será la barra vertical interletrada entre los caracteres “s” y “n”. La cadencia de la animación imitará el ritmo de la barra vertical que parpadea en algunos editores de texto, haciendo alusión a la eliminación del carácter “i” de la palabra singular y potenciando el valor de evolución y constante movimiento de la marca. El uso del logo en formato animado será limitado. No se empleará combinado con otro archivo .gif y estará destinado a usos corporativos.