Manual de Identidad Corporativa
2
ÍNDICE Normativas de marca
Marca principal. Presentación Marca principal. Isotipo Marca principal. Logotipo Código cromático Marca principal. Construcción Marca principal. Variantes cromáticas Área mínima de invasión. Logotipo Área mínima de invasión. Isotipo Tramas de multiplicidad Tipografía. Titulares Tipografía. Texto corrido Reducciones Restricciones. Usos incorrectos
Papelería institucional Papelería. Presentación Carta Sobre Tarjeta Carpeta
Otras aplicaciones Alfombrillas Plantillas PowerPoint Fondos de escritorio Bolígrafos Tazas Etiquetado de cámaras Micrófonos Bolsas Vehículos Chaleco de reportero Camisetas Pen Drive Libreta Etiquetado de cámaras CD’s/DVD’s
Diseño web Layout Web Site
Señalizaciones
Placas de despacho Placas de despacho. Despacho compartido Placas de despacho. Construcción Placas informativas Placas informativas. Placas de pasillo Placa de oficina Despacho Mesa de recepción
3
4
Normativas de marca
5
MARCA PRINCIPAL
Presentación
La marca de identidad de LA-POLÍTICA.ES es la forma gráfica resultante de la combinación visual del logotipo y el isotipo en la versión normalizada que se muestran en estas páginas. A continuación, se facilitan las normas que constituyen la formación gráfica de la marca, así como sus variaciones de color.
6
MARCA PRINCIPAL
Isotipo
El isotipo de la marca surge de la extrapolación de la letra “í” de LA-POLÍTICA.ES, formando un atril con un micrófono para darle “voz” a los ciudadanos. Se reproducirá preferentemente en los colores de identidad: naranja (PANTONE 166 C) y negro sobre fondo blanco, tal y como se muestra en la ilustración. Como alternativa, se utilizará la versión en negativo del símbolo, que incluye el mismo color naranja pero junto a blanco y sobre fondo negro.
7
MARCA PRINCIPAL
Logotipo
El logotipo está compuesto por la combinación del nombre LA-POLÍTICA.ES en la tipografía Filosofía junto con el claim “El diario de los ciudadanos” en Nilland. Su reproducción se realizará preferiblemente en negro, introduciendo un toque sutil de color naranja (PANTONE 166 C) en el acento de la “política”, para darle énfasis a la palabra que se desea destacar.
8
CÓDIGO CROMÁTICO
PANTONE 166 C Cuatricromía RGB HTML Vinilo
Pintura
1% cyan R: 231 # e75200 3M Scotchal 78% magenta G: 83 100-14 100% amarillo B: 0 Bright Orange 0% negro
RAL 2008
0% cyan 0% magenta 0% amarillo 100% negro
0% cyan 0% magenta
R: 0 # 000000 G: 0 B: 0
3M Scotchkal 100-12 Black
RAL 9005
R: 255 # ffffff G: 255
3M Scotchkal 100-20
RAL 9010
0% amarillo B: 255 White Matte 0% negro
9
MARCA PRINCIPAL
Construcción
En la ilustración de esta página se faclitan las cotas que delimitan la relación dimensional de los elementos que forman la marca principal de identidad. Estas proporciones deben ser respetadas en cualquier tipo de reproducción de la marca principal. Los valores a y b corresponden a la relación entre las dos medidas principales que componen la marca.
a
b
10
MARCA PRINCIPAL
Variantes cromáticas
La marca se reproducirá sobre fondo blanco con el logotipo en negro y el acento en el naranja corporativo (PANTONE 166 C). En su versión negativa, se reproducirá en blanco sobre fondo negro, con el acento del mismo color, así como sobre fondo gris. Sobre imágenes fotográficas, el logotipo se aplicará en sus colores corporativos o en blanco, dependiendo de la intensidad del fondo, de forma que se obtenga el máximo contraste visual. En escala de grises, el acento se diferenciará del color del logotipo por tener un tono medio entre negro y blanco.
11
ÁREA MÍNIMA DE INVASIÓN
Logotipo
En estas páginas se muestran los sistemas de márgenes mínimos que funcionarán como espacios de protección alrededor de la marca cuando se aplique entre textos, fotografías o ilustraciones. Existe una medida de referencia, la x, que corresponde a la anchura de la letra O. Este valor se utilizará como márgenes laterales del logotipo. Para los márgenes superiores e inferiores, se utilizará la medida y, que se corresponde con la altura de la misma letra.
y
x x
E L DI A R IO DE L O S CI U DA DA NO S y
12
ÁREA MÍNIMA DE INVASIÓN
Isotipo
Asimismo, se muestran los sistemas de márgenes que deben ser respetados para realizar la reproducción del isotipo de la marca. Las medidas de referencia vienen dadas, de nuevo, por el ancho de la letra O. Esta vez se usará el valor y (el ancho de la O), y se aplicará en los márgenes laterales del isotipo como 1,5x y como 0,5x en los superiores e inferiores.
1,5 x
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
E L DI A R IO DE L O S CI U DA DA NO S
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
E L DI A R IO DE L O S CI U DA DA NO S
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
0,5 x
13
TRAMAS DE MULTIPLICIDAD
En estas dos páginas se muestra un prototipo de diseño especial estructurado en base a la multiplicidad de los signos de identidad. Esto ofrece un amplio número de posibilidades gráficas con diversas aplicaciones. a b
La trama de la marca se reproducirá en los colores corporativos, jugando asimismo con el blanco. Las cotas que establecen la construcción gráfica están en función de a, que viene dado por la alineación del símbolo con el logotipo. La trama del símbolo se construirá a partir de su versión en “negativo”. Asimismo, las distancias de separación entre símbolos vienen dadas por a y por b.
14
TRAMAS DE MULTIPLICIDAD
15
TIPOGRAFÍA
Principal. Texto corrido
La tipografía contribuye a crear una unidad gráfica en los elementos de la identidad visual de LAPOLÍTICA.ES. Por ello, la tipografía corporativa principal es Gudea. Esta es la tipografía elegida para realizar las composiciones de texto corrido del diario. Se facilita el alfabeto correspondiente a esta tipografía en su formato Regular y Bold. Está disponible para su adquisición en Google Fonts.
Gudea Regular
Gudea Bold
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
abcdefghijklmnñopqrstuvwxyz
1234567890¿¡(.,;:)?!
1234567890¿¡(.,;:)?!
16
TIPOGRAFÍA
Secundaria. Titulares
En cambio, para los titulares de las noticias, la tipografía establecida es Istok Web. Ésta será, además, la tipografía corporativa secundaria. Asimismo, se facilita el alfabeto correspondiente a esta tipografía en su formato Regular y Bold. Se trata de una tipografía digital, disponible en Google Fonts.
Istok Web
Istok Web Bold
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ
abcdefghijklmnñopqrstuvwxyz
abcdefghijklmnñopqrstuvwxyz
1234567890¿¡(.,;:)?!
1234567890¿¡(.,;:)?! 17
REDUCCIONES
En esta página se presenta el tamaño mínimo al que puede ser reproducida la marca principal sin que pierda su legibilidad. Escala mínima de reducción: 25,21 mm x 7,21 mm.
18
RESTRICCIONES
Usos incorrectos
Se presentan en esta página algunos de los usos incorrectos que romperían con la armonía y unidad de la imagen corporativa desarrollada en este manual, tanto de configuración gráfica como reproducción cromática.
Cambiar el relleno del imagotipo
Modificar la situación y proporciones de los elementos
Mostrar integradosos logotipo e imagotipo
Cambiar el relleno de uno o más elementos
Cambiar los colores
Editar libremente el subtítulo de la marca
Contornear la marca
Escalar no proporcionalmente la marca
Omitir el subtítulo
19
20
PapelerĂa institucional
21
PAPELERÍA
Presentación
En las siguientes páginas se muestran los elementos que componen la papelería institucional corporativa de LA-POLÍTICA.ES. Todos ellos mantienen la imagen diseñada para la marca. Las cotas y márgenes mínimos de reproducción se muestran al lado de cada elemento y deben ser respetados.
22
PAPELERÍA
23
CARTA
3 cm
3 cm 2 cm
3,5 cm 1,5 cm 6,5 cm
Nombre Apellido 1 Apellido 2 Cargo nombre@la-politica.es Telef. 91 666 66 66
5,5 cm
23-4-2014 Lorem ipsum, This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim.This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris in erat justo. Nullam ac urna eu felis dapibus condimentum sit amet a augue. Sed non neque elit. Sed ut imperdiet nisi. Proin condimentum fermentum nunc. Etiam pharetra, erat sed fermentum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Suspendisse in orci enim. This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit. Nam nec tellus a odio tincidunt auctor a ornare odio. Sed non mauris vitae erat consequat auctor eu in elit. Class aptent taciti sociosqu ad litora torquent. Neque femen,
2 cm
3 cm
24
SOBRE
8 cm
3 cm
6 cm Nombre, Apellido 1 Apellido 2 Calle Nombre, Nยบ X. Madrid CP XXXXX
2 cm
1 cm
25
TARJETA
0,5cm 1,3 cm Nombre Apellido 1 Apellido 2 Cargo
4cm nombre@la-politica.es Telf. 91 666 66 66
C/Nombre, NยบX. Madrid CP XXXXX
0,5cm 0,5cm
26
0,5cm
0,5cm
CARPETA
2 cm 2 cm
10,5 cm 2 cm
3 cm
27
28
Se単alizaciones
29
PLACAS DE DESPACHO
MELCHOR MIRALLES DIRECTOR
7 cm MELCHOR MIRALLES DIRECTOR
1,70 m
30
Las placas de señalización de despacho estarán colocadas a una altura de 1,70 m sobre la rasante, y la distancia hasta la puerta será de 7 cm. La placa inferior, que indica el cargo, se situará 5 cm por debajo de la placa con el nombre.
PLACAS DE DESPACHO
Despacho compartido
NOMBRE Y APELLIDOS NOMBRE Y APELLIDOS NOMBRE Y APELLIDOS
Las placas de despacho compartido se construirán en proporción al número de epígrafes. La altura sobre el punto medio será de 1,70 m y la distancia hasta la puerta de 7 cm.
NOMBRE Y APELLIDOS 7 cm NOMBRE Y APELLIDOS NOMBRE Y APELLIDOS NOMBRE Y APELLIDOS NOMBRE Y APELLIDOS
1,50 m
31
PLACAS DE DESPACHO
Construcción
Las placas de señalización de despacho medirán 35 cm de largo y 8 cm de alto.
35 cm
La tipografía utilizada será la corporativa, Gudea, en su versión Bold y en caja alta, y con alineación a la derecha.
NOMBRE Y APELLIDOS NOMBRE Y APELLIDOS
La placa de identificación del cargo medirá 15 cm de largo y 6 cm de alto.
NOMBRE Y APELLIDOS NOMBRE Y APELLIDOS
NOMBRE Y APELLIDOS
15 cm
CARGO
32
6 cm
8 cm
PLACAS INFORMATIVAS
Las placas informativas indicarán el nombre de cada departamento.
35 cm
SALA DE REDACCIÓN
16 cm
Medirán 35 cm de largo y 16 de ancho. Se usará la misma tipografía que para las placas de despacho, Gudea Bold en caja alta con alineación a la derecha. El logotipo corporativo se situará en la parte inferior derecha de estas placas.
33
PLACAS INFORMATIVAS
Placas de pasillo
Las placas de pasillo guían al personal hacia cada departamento.
35 cm
Asimismo, la tipografía utilizada será la corporativa, Gudea Bold, en caja alta y con alineación a la derecha.
NOMBRE Y APELLIDOS REDACCIÓN SALA DE REUNIONES
Estas placas medirán 35 cm de largo, y se superpondrán los departamentos. Éstos medirán 8 cm de ancho cada uno, así como la parte superior de la placa donde se situará el logotipo de la marca.
DESPACHOS SERVICIOS
8 cm
REDACCIÓN
34
8 cm
PLACA DE OFICINA
20 cm
Ésta será la placa indicativa de la oficina del diario LA.POLÍTICA.ES.
15 cm
Sus medidas serán 20 cm de alto por 15 cm de anchO. En ella aparecerá el logotipo de la marca centrado, con una pequeña franja del naranja corporativo (PANTONE 166 C) en la parte derecha de la placa.
35
DESPACHO
36
MESA DE RECEPCIÓN
37
38
Otras aplicaciones
39
ALFOMBRILLAS
40
PLANTILLAS POWERPOINT
Título
(Istok Web 48 pt)
Título (Istok Web Bold 36 pt)
Cuerpo de texto (Gudea 12 pt)
41
FONDOS DE ESCRITORIO
42
BOLÍGRAFOS
43
TAZAS
44
MICRÓFONOS
45
BOLSAS
46
VEHÍCULOS
47
CHALECOS DE REPORTERO
PRENSA PRESS
48
CAMISETAS
49
PEN DRIVE
50
LIBRETAS
51
ETIQUETADO DE CÁMARAS
52
CD’s/DVD’s
53
54
Web
55
LAYOUT
Miércoles, 26 de marzo de 2014
Buscar...
CRÓNICAS
DESDE LA CIUDAD
CAUSAS
CIUDADANAS
HISTORIAS
CIUDADANAS
CIUDADANOS
CORPORATIVOS
QUÉ PASA
EN LA CIUDAD
AULA
DIARIO
POLÍTICA
DE LOS IDIOTAS
SÍGUENOS EN
Iniciar sesión Registrarse
LOREM IPSUM DOLOR AEMET VOLUPTAT LABORTIS ELLEMENTUM DUIS MASSA IMPERDIET LIBERO ALIQUAM
VIDEOBLOG MELCHOR MIRALLES
“Nam dictum commodo turpis”
REPRODUCIR VÍDEO
P
23
REPRODUCIR VÍDEO
Descripción del vídeo / J. R.
Descripción del vídeo / A. B.
Mauris sed lorem convallis Nulla ac leo nec justo pharetra dignissimen porttitor laboris tempor Curabitur porta non lacus non consequat. Nullam eu dolor nisl. NOMBRE APELLIDO | Madrid
NOMBRE APELLIDO | Madrid
27
euismod ultrices neque, vitae ultrices risus rutrum et. 56 Praesent Praesent euismod nisi ullamcorper, feugiat ipsum sit amet, dignissim eros.
14
Vestibulum vitae dignissim magna. Mauris at tortor quis nisi euismod tincidunt. Phasellus ipsum sem, consequat et tempor vel, iaculis convallis metus.
WEB SITE
www.la-politica.es
57
58
Elena Benedí Álvaro Medrano Julio Núñez Cristina Pardeza Isabel Rodríguez 59