Manual de Identidad y Personalidad de Marca

(1)

Manual de Identidad y Personalidad de Marca

(2)

Introducción

1 / ELEMENTOS BÁSICOS DE IDENTIDAD 1.1 Logotipo con tagline

1.2 Marca gráfica principal 1.3 Logotipo sin tagline

1.4 Marca gráfica complementaria 1.5 Construcción gráfica de la marca 1.6 Uso de la S|

1.7 Ejemplos de uso de la S|

2 / NORMAS DE UTILIZACIÓN DE LA MARCA 2.1 Área de exclusión y reducción mínima

2.2 Utilización cromática. La marca sobre fondos blanco y negro

2.3 Utilización cromática. La marca sin tagline sobre fondos blancos y negros 2.4 Utilización cromática. La marca sobre fondos de otros colores

2.5 Utilización cromática. La marca sin tagline sobre fondos de otros colores 3 / TIPOGRAFÍA

3.1 Tipografía corporativa 3.2 Tipografía de sistema 4 / CROMÁTICA

4.1 Colores corporativos 4.2 Colores secundarios

4.3 Ejemplos de utilización cromática

índice de

contenidos

5 / EL CONCEPTO DE CORRELACIÓN 5.1 El concepto de correlación

5.2 Ejemplos de la interpretación gráfica del concepto de correlación 6 / EL ESTILO FOTOGRÁFICO

6.1 El estilo fotográfico 7 / APLICACIÓN DE LA MARCA 7.1 Firma e-mail

7.2 Merchandising 7.3 Papelería 7.4 Web

(3)

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.

introducción

(4)

elementos básicos de identidad 1 /

(5)

1.1. logotipo con tagline

(6)

Versión en positivo

Versión en negativo

A continuación reproducimos la marca en sus colores corporativos, en los que deberá ser representada siempre que sea posible.

1.2. marca gráfica principal

(7)

1.3. logotipo sin tagline

(8)

Reproducimos la marca sin el tagline. Se usará esta variante cuando el logotipo se repita en un documento, como en el caso del pie de página en las presentaciones corporativas.

1.4. marca gráfica complementaria

Versión en positivo

Versión en negativo

(9)

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 ochenta y nueve unidades horizontales y cinco verticales.

El grosor de la barra vertical colocada entre el carácter “s” y el carácter “n” corresponde con una unidad mientras que los grosores de las barras verticales de las letras que contengan líneas rectas corresponde a tres unidades.

1.5. construcción gráfica de la marca

1x

5x

89x

(10)

El elemento es extraído del logotipo de Sngular.

La tipografía usada es Avenir Bold.

El uso de este elemento no sustituye al uso de logotipo y se utilizará para identificar elementos externos con la empresa Sngular y para crear nombres de servicios. Su construcción aparece determinada en esta página.

Se presentan tres posible versiones:

1. Dos colores: azul/negro y azul brillante 2. Un color: (azul/negro) en uno o dos tonos.

3. Tres colores: para uso sobre fondos fotográficos.

1.6. uso de la

(11)

En estos ejemplos vemos el uso del elemento

En el caso inferior vemos como evitaremos que el nombre del servicio entre en conflicto visual con el logo al reducirlo a un color y a un tono.

1.7. ejemplos uso de la

(12)

1.7. ejemplos uso de la

(13)

normas de utilización de la marca 2 /

(14)

Tamaños mínimos

Impresos:

25 mm de anchura Impresos:

120 px de anchura

Hemos establecido una zona protegida en torno al logotipo para asegurar su protagonismo e integridad. Esta zona se llama área de exclusión.

Respeta siempre el área de exclusión alrededor del logo y siempre que sea posible aumenta este espacio con respecto a textos, titulares e imágenes que pudieran interferir con su protagonismo y legibilidad.

El tamaño del área de exclusión viene definido por el ancho del conjunto s|n y la altura de la letra l.

Nunca deberá reproducirse el logo con tagline por debajo de los tamaños mínimos definidos y, cuando no sea posible cumplir esta norma, se optará por usar el logo sin tagline.

2.1. área de exclusión y reducción

mínima

(15)

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.

2.2. utilización cromática. La marca sobre fondos blanco y negro

escala de grises 100% escala de grises 75%

escala de grises 50% escala de grises 25%

(16)

Muestra de cómo se debe reproducir la marca sobre fondos en 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.3. utilización cromática. La marca sin tagline sobre fondos blanco y negro

(17)

2.4. 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.

(18)

2.5. utilización cromática. La marca sin tagline 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.

(19)

tipografía 3 /

(20)

Siempre que sea posible se utilizará la familia Source, una familia de Google de código abierto.

No hay restricciones en cuanto a los pesos a utilizar.

Sin embargo, los pesos preferidos son Light para textos y Bold para titulares.

3.1. tipografía corporativa

SOURCE SANS PRO LIGHT / ITALIC

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 1 2 3 4 5 6 7 8 9 0 ! 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 1 2 3 4 5 6 7 8 9 0 !

SOURCE SANS PRO REGULAR / ITALIC

SOURCE SANS PRO SEMIBOLD / ITALIC

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 1 2 3 4 5 6 7 8 9 0 ! 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 1 2 3 4 5 6 7 8 9 0 !

SOURCE SANS PRO BOLD / ITALIC

SOURCE SANS PRO BLACK / ITALIC

(21)

Usaremos Calibri como tipografía de sistemas sólo cuando no sea posible utilizar la tipografía corporativa.

3.2. tipografía de sistema

CALIBRI

CALIBRI BOLD

(22)

cromática 4 /

(23)

4.1. colores corporativos

La paleta de colores corporativa se compone de tres colores: el azul oscuro, el azul brillante y el naranja. El blanco y el color PMS 296 azul oscuro se usarán como escenarios de nuestra expresión visual al ser los dos colores que usaremos como fondos para todas nuestras comunicaciones.

PMS 296

C 96% M 81% Y 49% K 70%

H 204^o S 85% B 16%

R 6 G 27 B 43

# 061B2B

PMS 311

C 70% M 0% Y 12% K 0%

H 187^o S 100% B 87%

R 0 G 193 B 222

# 00C1DE

PMS 143

C 1% M 35% Y 85% K 0%

H 38^o S 78% B 96%

R 247 G 179 B 52

# F7B334

(24)

4.2. colores secundarios

Los colores secundarios se usarán exclusivamente cuando sea utilizar una gama de colores más amplia.

C 35% M 0% Y 100% K 0%

H 63^o S 100% B 80%

R 190 G 205 B 0

# BECD00

C 71% M 0% Y 63% K 0%

H 149^o S 60% B 68%

R 69 G 174 B 121

# 45AE79

C 81% M 68% Y 0% K 0%

H 225^o S 57% B 62%

R 68 G 88 B 160

# 4458A0

C 42% M 79% Y 0% K 0%

H 307^o S 50% B 63%

R 161 G 80 B 149

# A15095

C 0% M 87% Y 67% K 0%

H 357^o S 73% B 89%

R 229 G 61 B 68

# E53D44

C 0% M 100% Y 87% K 0%

H 348^o S 100% B 88%

R 226 G 0 B 40

# E20028

(25)

4.3. ejemplos de utilización cromática.

Para los gráficos e infografías se utilizarán principalmente los colores corporativos.

(26)

4.3. ejemplos de utilización cromática.

(27)

el concepto de correlación 5/

(28)

Dos elementos diferenciales y originales de nuestra identidad son:

1. El lema It can be done como llamada a la acción tanto para clientes como para empleados y socios; y 2. La representación del concepto Correlación, la interacción entre dos elementos.

La correlación representa las relaciones entre los diferentes players: talento, producto, cliente, compañía, mercado, etc.

Representamos el concepto mediante el uso del círculo como marco para fotografías y llamados y el remarcado de los bordes en los colores azul brillante y naranja.

5.1. el concepto de correlación

(29)

En estos ejemplos se muestran varios usos recomendados:

1. El uso del duotono para fotografías de personas (el quipo Sngular, el cliente, etc.).

2. En los casos en los que el logo se incluye en el diseño, no se repite en el pie de página.

3. Usaremos los colores corporativos como prioritarios y solamente incluiremos los colores secundarios para infografías en las que necesitemos una gama de colores más amplia. En el ejemplo superior de la derecha vemos como usamos colores secundarios para infografías en las que requerimos más colores.

5.2. ejemplos de la

interpretación gráfica del

concepto de correlación

(30)

5.2. ejemplos de la interpretación gráfica del concepto de correlación

(31)

el estilo fotográfico 6/

(32)

6.1. el estilo fotográfico

Con las fotografías buscamos transmitir una sensación de autenticidad con situaciones reales de nuestra gente en su entorno de trabajo, interactuando entre sí, con clientes, etc. No mezclaremos fotos de contenido similar de banco de imágenes ya que romperían el esquema y darían sensación de ser fotos que usan nuestros competidores.

Limitaremos las fotos de banco de imágenes comerciales a fotos de detalles o fotos conceptuales.

Las imágenes deberán tener siempre un sujeto central y serán plataforma para construir el concepto de correlación cuando el sujeto es un sólo individuo. Se transmite el concepto automáticamente cuando hay dos o más personas interactuando.

Para enfatizar a los sujetos centrales, los fondos deberán desenfocarse, usando objetivos luminosos y con máxima apertura de diafragma.

(33)

aplicación de la marca 7/

(34)

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

POSITION +00 000 000 000 linkedin.com/in/userprofile

@twitteruser www.sngular.team

La firma viene determinada por las siguientes premisas:

Tipografía: Verdana. Color: RGB (32, 18, 77). Tamaño nombre: Grande. Tamaño datos: Normal. Logotipo: Imagen determinada y justificada a la izquierda.

7.1. firma e-mail

(35)

7.2. merchandising

(36)

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

Ciudad - País Teléfono Twitter - Instagram

7.3. papelería

(37)

7.4. web

(38)