WEB RWD 2017 VOCENTO REGIONALES HOME > ZONA MULTIMEDIA

NOTAS DE LA VERSIÓN

ESPACIOS

GUÍA DE COLORES BÁSICOS

Propiedades en NEGRO versión Desktop

Propiedades en ROJO versión móvil

Propiedades en AZUL versión tablet

Donde no se especifica valor de tablet es el mismo que desktop. Donde no se especifica valor de móvil es el mismo que desktop. Donde no se especifica valor de móvil ni tablet es el mismo en las tres versiones.

En la versión tablet, el ancho de noticia hereda el de desktop (624px) repartiendo el blanco en los laterales.

Aunque van indicados en cada diseño se utiliza el siguiente código de color para los espacios:

Se pasará en otro documento unas especificaciones completas de colores.

Adjunto en esta definición de colores el valor RGB y el hexadecimal. Valorar trabajar todo en RGB para poder aplicar transparencias RGBA (Alpha).

C5Gris TXT68, 68, 68 #444444

C2Gris trama239, 240, 241 #eff0f1

C7Rojo TXT138, 16, 2 #8a1002

C4Gris medio152, 153, 154 #98999a

Número colorNombreRGB #HEX

C1Fondo235, 235, 236 #ebebec

8px y 12px 16px 24px

32px marores de 40px

C6Rojo185, 0, 33 #b90021

C3Gris claro202, 203, 204 #cacbcc

Número colorNombreRGB #HEX

Número colorNombreValor RGB Valor HEX

ZONA MULTIMEDIAVERSIÓN 1+4 GALERÍAS

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

A Las principales capitales europeas, bajo nieve

A Color en la Semana de la Moda de Milán

A Aliens y monstruos coloridos invaden las calles de Austria

En imágenes

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

A Las principales capitales europeas, bajo nieve

A Color en la Semana de la Moda de Milán

A Aliens y monstruos coloridos invaden las calles de Austria

En imágenes

La trama es C5 y va a todo el ancho

de la pantalla

ZONA MULTIMEDIAVERSIÓN 1+4 GALERÍAS

a Aliens y monstruos coloridos invaden las calles de Austria

Línea:Todas las fotos van recuadradas en una línea de 1px C3

Foto DestacadaLleva un degradadode black opacity 0.5 a transparente (148px de alto)

TitularGuardian Sans Semibold28 pxline-height: 110%padding: 0, 64, 24, 24left-align

Lleva antes del titular la Cámara:

a Vocento Web0061 "a"28px

Foto Secundaria Lleva una capa por encima con black opacity 0.4

TitularGuardian Sans Semibold18 pxline-height: 110%padding: 0, 8, 8, 8 (Limitado a 4 líneas máximo, después ...)

Lleva antes del titular la Cámara:

a Vocento Web0061 "a"18px

HOVERSe quita la capa de opacidad y la imagen crece un 120%

La tipografía se subraya

HOVERSe quita la capa de opacidad y la imagen crece un 120%

La tipografía se subraya

A Las principales capitales europeas, bajo nieve

A Las principales capitales europeas, bajo nieve

20px

20px

ZONA MULTIMEDIAVERSIÓN 1+2 GALERÍAS

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

A Estonia, cubierto por un manto de nieve

En imágenes

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

A Estonia, cubierto por un manto de nieve

En imágenes

ZONA MULTIMEDIAVERSIÓN 1+2 GALERÍAS

a Aliens y monstruos coloridos invaden las calles de Austria

Foto destacadaIgual a Titular 4+1padding: 0, 280, 24, 24

Foto Secundaria Mismos estilos que 4+1 ajustada al tamaño

A Las principales capitales europeas, bajo nieve

ZONA MULTIMEDIACABECERA

Encabezado(es editable, por defecto aparece "En imágenes")Box: C552 px de alto

Tipografía centrada en la cajaProxima Nova Bold#FFFFFFletter-spacing: -0.015

padding: 0, 16, 0, 16

En imágenes

24 px

Alineado al inicio del módulo

ZONA MULTIMEDIAVERSIÓN TABLET

A Aliens y monstruos coloridos invaden las calles de Austria

A Las fotos del día: El hipopótamo de Pablo Escobar

A todo el ancho de la pantalla

En imágenes

En imágenes

A Las fotos del día: El hipopótamo de Pablo Escobar

A Las principales capitales europeas, bajo nieve

A Cientos llenas las calle en manifestaciones proburka en Francia

A Color en la Semana de la Moda de Milán

A Aliens y monstruos coloridos invaden las calles de Austria

MARCO 20PX C5

iGUAL A DESKTOP

24PX

ZONA MULTIMEDIAVERSIÓN TABLET

A Aliens y monstruos coloridos invaden las calles de Austria

A Las fotos del día: El hipopótamo de Pablo Escobar

Alto:143 px

Alto:287 px

Foto Destacada Titular24 pxpadding: 0, 16, 16, 16

Foto Destacada Titular24 pxpadding: 0, 100, 16, 16

Foto SecundariaTitular16 px

En imágenes

A Aliens y monstruos coloridos invaden las calles de Austria

A Las fotos del día: El hipopótamo de Pablo Escobar

7 columnas

9 columnas

5 columnas

3 columnas

Alto:170 px

Alto:341 px

A todo el ancho de la pantalla

En imágenes

ZONA MULTIMEDIAVERSIÓN MÓVIL

Foto Destacada Titular20 px

padding: 12, 16, 24, 16

Foto SecundariaTitular16 px

padding: 8, 14, 14, 14

A Aliens y monstruos coloridos invaden las calles de Austria

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

A Las principales capitales europeas, bajo nieve

A Color en la Semana de la Moda de Milán

En imágenes

A Aliens y monstruos coloridos invaden las calles de Austria

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

A Las principales capitales europeas, bajo nieve

A Color en la Semana de la Moda de Milán

En imágenes

Encabezado36 px de alto

font-size: 16pxpadding: 0, 12, 0, 12

128 px

196 px

A todo el ancho de la pantalla

ZONA MULTIMEDIAVERSIÓN MÓVIL

A Aliens y monstruos coloridos invaden las calles de Austria

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

En imágenes

A Aliens y monstruos coloridos invaden las calles de Austria

A Cientos llenas las calle en manifestaciones proburka en Francia

A Las fotos del día: El hipopótamo de Pablo Escobar

En imágenes