Manual identidad la politica es

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.