manual de marca

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@sngular.team
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
jlvallejo@sngular.team
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.