gua de estilo web

ndice

ndice

LOGOTIPO TIPOGRAFIAS WEB COLORES ICONOGRAFA

pg. 3 pg. 5 pg. 6 pg. 7

identidad corporativa

Uso del logotipo en papel

Construccin del logotipo

=
El manual de Identidad Corporativa recoge los elementos constructivos de la Identidad Visual del Partido Popular. Como elementos constitutivos establecemos las pautas de construccin, el uso de las tipografas y las aplicaciones cromticas de la marca. La consolidacin de la imagen del PP necesita de una atencin especial a las recomendaciones expuestas en este Manual, como documento que nos garantiza una unidad de criterios en nuestra imagen y difusin pblica. El manual de marca debe ser por tanto una herramienta viva y presente en todas las aplicaciones de la identidad corporativa en el conjunto de sus elementos.

Logotipo

Marca PP + Populares

identidad corporativa

Pgina 3

Uso correcto del logotipo en la web

Logotipo en la cabecera web

Tipografas:

DIN MEDIUM ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrsuvwxyz 1234567890

de sede territorial

de sede territorial: DIN MEDIUM

identidad corporativa

Pgina 4

Uso incorrecto del logotipo en papel y en la web

Usos incorrectos papel

Sede

Usos incorrectos web

Sede

identidad corporativa

Pgina 6

Tipografas papel / web

Papel DIN-BLACK
ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

Web Arial
ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

DINBOLD

ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

Arial Bold

ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

DIN-MEDIUM

ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

DIN-MEDIUM

ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

* Esta tipografa siempre deber utilizarse como imagen, al no estar disponible (como norma) en los sistemas operativos.

DINREGULAR

ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

DIN Schrift 1451 Mittelschrift

ABCDEFGHIJKLMOPQRSTUVWXYZ abcdefghijklmopqrstuvwxyz 1234567890

* Esta tipografa siempre deber utilizarse como imagen, al no estar disponible (como norma) en los sistemas operativos.

identidad corporativa

Pgina 5

Usos correctos colores WEB

Textos

Titulares color: #366595 Entradilla color: #333333 Antetitulo color: #666666 Texto color: #333333

Cajas, bordes

Fondos color: #FDFDFD Borde color: #CECECE

Fondo texto rollover color: #666666 Fondo cajas Modulos color: #f4f4f4

Fondos con degradado

Fondos textos: color 1: #FDFDFD color 2: #F4F4F4 botones: color 1: #7EB3D5 color 2: #3075A3

botones: color 1: #E07F1F color 2: #EDA444 botones: color 1: #B8B7B7 color 2: #808080

botones: color 1: #38A8D4 color 2: #49D4EE botones: color 1: #808080 color 2: #B8B7B7

Botones

Complementario 1 color: #E07F1F Complementario 2 color: #EDA444

BOT 1 color: #3075A3 BOT 2 color: #7EB3D5

BOT 1 color: #B8B7B7 BOT 2 color: #808080

botn
+ +

degradado: color 1: #E07F1F color 2: #EDA444 Complementario 1 color: #E07F1F Corte

Ejemplos de uso

botn
normal

botn
rollover

botn
normal

botn
rollover

botn
normal

botn
rollover

botn
normal

botn
rollover

= botn

Botn con efecto degradado.

* Este tipo de botones siempre como imagen, ya que la tipografa utilizada (DIN regular) no es de sistema.

identidad corporativa

Pgina 6

Iconos

Ejemplos

identidad corporativa

Pgina 7