Manual de EstiloMinisites Carlos III

Índice

MINISITES CARLOS III

1. Cabeceras y footer 2. Minisite A Home - Navegación - Módulos Fuentes y colores básicos

3. Minisite B Home - Navegación - Módulos Fuentes y colores básicos

4. Minisite C Home - Navegación - Módulos Fuentes y colores básicos

1. Cabeceras y footer

1. Cabeceras y footer

1. Cabecera:- Redes sociales:Iconos:Tamaño: 24x24pxEspacio entre iconos de 10px

2. Minisite A: Home. Navegación

1

2. BuscadorTipografía: Trebuchet MSCuerpo: 12ptColor: #8b8f99Tipografía bullets: MarcellusCuerpo: 13ptColor: #3a3a3a

2

3

3. Footer Tamaño: 960x55pxTipografía: Trebuchet MSCuerpo: 11ptColor: #FFFFFF

2. Minisite A: Home. Módulos

1

2 3

3. Módulo de enlaces:- Titular módulo:Tipografía: Trebuchet MSCuerpo: 12ptColor: #005496

4. Módulo campos rellenables:Tamaño: Variable - Titular:Tipografía: Trebuchet MSCuerpo: 14ptColor: #3a3a3a

Módulo imágenes slide:Tamaño de imagen: 155x155pxMargen blanco: 10px por cada lado de color: #FFFFFF - Texto explicativo: Tipografía: Trebuchet MSCuerpo: 20px color:#005496

1. Imagen destacado:Tamaño: 960x325pxMargen blanco: 10px por cada lado- Tamaño de imagen: 938x305px- Titular:Tipografía: MarcellusCuerpo: 44ptColor: #FFFFFF

2. Menú:- Botón:Tamaño: 230x36pxColor de fondo: #b1d2d1Tipografía: MarcellusCuerpo: 16ptColor: #3a3a3a

- Rollover:Tamaño: 230x36pxColor de fondo: #d7efee

4

2. Minisite A: Fuentes y colores básicos

Tipografía Menú y titular:

Marcellus

Tipografía texto seguido y enlaces:

Trebuchet MS

Colores básicos:

#000779 #b1d2d1#3a3a3a #d7efee

3. Minisite B: Home. Navegación

1

1. Cabecera:- Redes sociales:Iconos:Tamaño: 24x24pxEspacio entre iconos de 10px

- Titular sección:Tipografía: MarcellusCuerpo: 27ptColor: #3a3a3a

2. BuscadorTipografía: Trebuchet MSCuerpo: 12ptColor: #8b8f99Tipografía bullets: MarcellusCuerpo: 13ptColor: #3a3a3a

2

2

3

3. Footer Tamaño: 960x55pxTipografía: Trebuchet MSCuerpo: 11ptColor: #FFFFFF

3. Minisite B: Home. Módulos

1

2

3

1. Menú:- Botón:Tamaño: 460x36pxColor de fondo: #d1c9bcTipografía: MarcellusCuerpo: 16ptColor: #3a3a3a - Rollover:Tamaño: 460x36pxColor de fondo: #e5ddcf

Imagen destacado:Tamaño: 470x293pxMargen blanco: 10px por cada lado- Tamaño de imagen: 470x273px- Titular:Tipografía: MarcellusCuerpo: 36ptColor: #FFFFFF

2. Enlaces:Tipografía: Trebuchet MSCuerpo: 11ptColor: #20558ARollover: #639EC8

Módulo Noticias:Color de fondo: #f2f2e9- Titular módulo:Tipografía: MarcellusCuerpo: 18ptColor: #796965- Texto módulo:Tipografía: Trebuchet MSCuerpo: 14ptColor: #005496- Destacado imagen:Tamaño: 90x72pxMargen blanco: 5px por cada lado- Link + noticias:Tipografía: Trebuchet MSCuerpo: 11ptColor: #20558ARollover: #639EC8

3. Módulo presentación:Color de fondo: #FFFFFF-Titular:Tipografía: MarcellusCuerpo: 18ptColor: #796965- Texto seguido:Tipografía: Trebuchet MSCuerpo: 14ptColor: #3a3a3a

3. Minisite B: Fuentes y colores básicos

Tipografía Menú y titular:

Marcellus

Tipografía texto seguido y enlaces:

Trebuchet MS

Colores básicos:

#000779 #d1c9bc#3a3a3a #e5decf

4. Minisite C: Home. Navegación

1. Cabecera:- Redes sociales:Iconos:Tamaño: 24x24pxEspacio entre iconos de 10px

2. BuscadorTipografía: Trebuchet MSCuerpo: 12ptColor: #8b8f99Tipografía bullets: MarcellusCuerpo: 13ptColor: #3a3a3a

2

4

1

3

3.Módulo campos rellenables:Tamaño: Variable - Titular:Tipografía: Trebuchet MSCuerpo: 14ptColor: #3a3a3a

Redes sociales:Iconos de 30x30px.

4. Footer Tamaño: 960x55pxTipografía: Trebuchet MSCuerpo: 11ptColor: #FFFFFF

4. Minisite C: Home. Módulos

1

2

1. Imagen destacado:Tamaño: 960x325px- Tamaño de imagen: 938x305px- Titular:Tipografía: MarcellusCuerpo: 44ptColor: #FFFFFF

2. Destacado Programa Emprende:-Titular:Tipografía: MarcellusCuerpo: 16ptColor: #3a3a3a- Texto seguido:Tipografía: Trebuchet MSCuerpo: 12ptColor: #3a3a3aColor de fondo caja: #FFFFFF con borde de 1 px de color: #d9d6d6

Menú:Color de fondo caja del titular: #a4bf64-Titular:Tipografía: MarcellusCuerpo: 18ptColor: #3a3a3a- Texto seguido:Color de fondo caja texto seguido:#dbe9baTipografía: Trebuchet MSCuerpo: 12ptColor: #302871- Botón y además:Color de fondo caja:#ecf5d6Tipografía: Trebuchet MSCuerpo: 14ptColor: #3a3a3a

4. Minisite C: Home. Módulos

1

3. Módulo Noticias:Color de fondo: #EAEAEA- Titular módulo:Tipografía: MarcellusCuerpo: 18ptColor: #3a3a3a- Texto módulo:Tipografía: Trebuchet MSCuerpo: 14ptColor: #005496- Destacado imagen:Tamaño: 90x72pxMargen blanco: 5px por cada lado- Link + noticias:Tipografía: Trebuchet MSCuerpo: 11ptColor: #20558ARollover: #639EC8

1. Módulo imágenes slide:Tamaño de imagen: 155x155pxMargen blanco: 10px por cada lado de color: #FFFFFF - Texto explicativo: Tipografía: Trebuchet MSCuerpo: 20px color:#005496

Módulo Otros enlaces I:Color de fondo caja: #FFFFFF con borde de 1 px de color: #d9d6d6Tipografía: Trebuchet MSCuerpo: 14ptColor: #005496

Módulo Otros enlaces II:Tipografía: Trebuchet MSCuerpo: 14ptColor: #3a3a3a

3

2

4. Minisite C: Fuentes y colores básicos

Tipografía Menú y titular:

Marcellus

Tipografía texto seguido y enlaces:

Trebuchet MS

Colores básicos:

#000779 #a4c065#3a3a3a #dbe9ba

www.uc3m.es