SlideShare a Scribd company logo
1 of 40
Download to read offline
Manual de normas gráficas
PUCV
Misión
Tipografía
Color
Isologo
01
02
03
04
Aplicaciones05
1
5
9
15
23
01 Misión
Misión
El Sistema de Biblioteca es un colaborador
activo de los procesos de formación,
aprendizaje e investigación, entregando
servicios de calidad y recursos de información
pertinentes, en espacios físicos y digitales
accesibles, confortables, dinámicos, flexibles,
tecnológicos, colaborativos e inclusivos acorde
al modelo educativo y a las necesidades de
nuestra comunidad universitaria.
3
4
PUCV
02 Tipografía
Tipografía
La tipografía utilizada en la marca es
Modérnica, la cual forma parte de la paleta
tipográfica de la universidad. Corresponde a
un diseño de trazos amables y limpios que
facilitan la lectura. La paleta de pesos
utilizada es Modérnica en sus variantes
regular, medium y bold, siendo el primero y el
último los más utilizados.
Aa Bb Cc Dd Ee Ff Gg Hh Ii
Jj Kk Ll Mm Nn Oo Pp Qq
Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
Modérnica Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii
Jj Kk Ll Mm Nn Oo Pp Qq
Rr Ss Tt Uu Vv Ww Xx Yy
Zz 0 1 2 3 4 5 6 7 8 9
Modérnica Bold
Aa Bb Cc Dd Ee Ff Gg Hh
Ii Jj Kk Ll Mm Nn Oo Pp
Qq Rr Ss Tt Uu Vv Ww Xx
Yy Zz 0 1 2 3 4 5 6 7 8 9
Modérnica Medium
7
PUCV
Regular
Medium
Bold
8
Es importante que no se cambie la tipografía,
se salga del rango de pesos establecido o se
modifiquen las distancias entre líneas y letras,
pues esto provocaría un desajuste.
03 Color
Colores institucionales
Pantone
7620 C
RGB
157 / 44 / 40
#9d2c28
Pantone
301 C
RGB
0 / 87 / 147
#005793
La paleta del sistema se desprende de los
colores de la universidad, tomando el rojo
como lo protagonista y el azul como lo
legible.
CMYK
31 / 96 / 93 / 3
CMYK
98 / 71 / 21 / 0
Pantone
663 C
RGB
248 / 248 / 247
#f8f8f7
CMYK
4 / 3 / 4 / 0
Pantone
Black 3 C
RGB
31 / 38 / 36
#1f2624
CMYK
87 / 78 / 73 / 60
11
Es crucial que estos colores no sean
modificados de ninguna forma al momento
de aplicarlos, en especial en canales digitales
como el sitio web o los boletines informativos.
12
Colores complementarios
Los siguientes son colores que complementan
al lenguaje cromático principal, presentes en
botones web y fondos. No representan a la
identidad primaria del sistema, por lo que su
uso sólo debe restringirse a las aplicaciones
ya mencionadas y cuidando siempre de
preservar el contraste entre colores para
evitar problemas de accesibilidad.
Pantone
663 C
RGB
237 / 237 / 237
#ededed
Pantone
302 C
RGB
10 / 71 / 110
#0a476e
CMYK
9 / 7 / 7 / 0
CMYK
98 / 81 / 43 / 6
Pantone
663 C
RGB
207 / 221 / 230
#cfdde6
CMYK
26 / 9 / 10 / 0
Opciones de color del isologo
El logotipo en rojo es el principal uso de color
de la marca, seguido por su versión en azul. Para
versiones en las que el fondo es rojo o azul, se
utiliza el blanco tonal descrito anteriormente.
PUCV PUCV
13
Las opciones mostradas debajo son las únicas que
deben aparecer en la aplicación del color: hacer
otro tipo de combinatorias romperá el contraste
visual adecuado para una lectura cómoda.
PUCV PUCV
14
04 Isologo
Isologo
El isologo responde a una composición
que proviene del dibujo del logotipo de la
Universidad, se toman y transforman los
elementos de la cariátide y el libro para poder
configurar un dibujo, el cual representa la
identidad universitaria a través del estudio.
Así, la cariátide representa la cohesión entre
una institución y su comunidad (Manual
de normas gráficas PUCV. 2016), mientras
que el libro es el tradicional repositorio del
conocimiento académico.
17
Geometría: isotipo
La geometría del isotipo responde a diversos
rectángulos y círculos que terminan
dibujando la figura completa.
18
Área de protección: isotipo
La siguiente visualización corresponde al
área de protección que se debe otorgar al
isotipo cuando este se presente de forma
independiente; esta área se construye a partir
19
de la siguiente grilla. Es importante notar
que el isotipo puede existir por sí mismo
sólamente en situaciones y objetos puntuales,
como timbres, sellos, artículos de
merchandising, estampados de alfombras,
etc.
Área de protección: isologo
La siguiente visualización corresponde al área
de protección que se debe otorgar al isologo
en cualquier soporte en donde sea colocado;
esta área se construye a partir de la siguiente
20
grilla. El isologo es el principal elemento de la
imagen de marca, y por tanto debe siempre
tener esta área de protección: es importante
que al colocarlo en algún soporte, no sea
modificado ni distorsionado de ninguna
forma, pues se perdería la identidad
construida
PUCV
Relación con el isologo PUCV
La entidad de la Universidad es más primordial
que la del Sistema de Bibliotecas, por lo cual el
orden correcto siempre será situar el logo de la
PUCV antes que el isologo de Bibliotecas PUCV
de izquierda a derecha. A través de los bloques
grises se identifica que hay una relación de
altura entre los textos. Es decir, los textos
correspondientes a “Pontificia Universidad
21
PUCV
Católica de Valparaíso” tienen un
mismo alto que “Bibliotecas PUCV”
22
PUCV
05 Aplicaciones
¿Quiénes
Somos?
PUCV
Boletín informativo periódico
El boletín informativo debe seguir las normas
gráficas ya descritas, pues se trata de un canal
oficial de Bibliotecas PUCV y por tanto requiere
de una cohesión en su
lenguaje visual. A continuación se presenta la
diagramación pertinente y los elementos que la
componen.
25
612 px
71,36 px 71,36 px216,12 px 214,35 px
83,60 px
65 px
45,51 px
98,65 px
Isologo (65 x 156,5 px)
Títulos 1 (Modérnica
regular, 48pts)
Títulos boletín
(Modérnica regular,
30pts)
Bajada (Modérnica
regular, 10pts)
Sitio web (Modérnica
bold, 10pts)
26
¿Quiénes
Somos?
Cuerpo (Modérnica
regular, 12pts)
Títulos 2 (Modérnica
bold, 30pts)
Títulos 3 (Modérnica
bold, 15pts)
27
57,22 px
216,10 px
28
Color en el boletín
El color empleado en el boletín debe siempre
seguir las normas ya mencionadas en este
manual.
#9d2c28
El rojo se usará en el
isologo, los títulos y para el
footer.
#005793
El azul se usará para todo
aquello que sea clickeable
(links, botones).
#f8f8f7
El blanco tonal se usará
para el fondo del boletín.
#1f2624
El negro se usará en los
textos que no sean títulos
ni links.
Sitio web
EL sitio web es el canal digital más importante,
y por tanto debe seguir las normas gráficas ya
mencionadas para seguir construyendo una
experiencia de uso agradable.
A continuación se presentan páginas tipo con
las que trabajar el sitio.
29
1440px a 12 columnas
100px 58px 50px
30
Página a dos columnas.
Página a tres columnas (ejemplo:
página general de los servicios)
31
Página a tres columnas (ejemplo: página
general de las bibliotecas).
32
PUCV

More Related Content

Similar to Manual de normas gráficas Bibliotecas PUCV 2020

Proceso de diseño de programas señaleticos
Proceso de diseño de programas señaleticosProceso de diseño de programas señaleticos
Proceso de diseño de programas señaleticos
jorgeluisrodriguezauditor
 
Presentación final proyectos
Presentación final proyectosPresentación final proyectos
Presentación final proyectos
katherine perez
 
Manual de Imagen Corporativa canal vía X
Manual de Imagen Corporativa canal vía XManual de Imagen Corporativa canal vía X
Manual de Imagen Corporativa canal vía X
Alexander Fraga
 
Manual de-imagen-corporativa-sena-2012
Manual de-imagen-corporativa-sena-2012Manual de-imagen-corporativa-sena-2012
Manual de-imagen-corporativa-sena-2012
Diana Tijaro Guio
 

Similar to Manual de normas gráficas Bibliotecas PUCV 2020 (20)

Manual corporativo
Manual corporativoManual corporativo
Manual corporativo
 
Proceso de diseño de programas señaleticos
Proceso de diseño de programas señaleticosProceso de diseño de programas señaleticos
Proceso de diseño de programas señaleticos
 
Guia diseño identificacion grafica residuos solidos
Guia diseño identificacion grafica residuos solidosGuia diseño identificacion grafica residuos solidos
Guia diseño identificacion grafica residuos solidos
 
Rúbrica para Evaluar una Aplicación Multimedia (actividad de aprendizaje inde...
Rúbrica para Evaluar una Aplicación Multimedia (actividad de aprendizaje inde...Rúbrica para Evaluar una Aplicación Multimedia (actividad de aprendizaje inde...
Rúbrica para Evaluar una Aplicación Multimedia (actividad de aprendizaje inde...
 
MANUAL DE REGLAMENTO DE LA UNIVERSIDAD DE CUNDINAMARCA.pdf
MANUAL DE REGLAMENTO DE LA UNIVERSIDAD DE CUNDINAMARCA.pdfMANUAL DE REGLAMENTO DE LA UNIVERSIDAD DE CUNDINAMARCA.pdf
MANUAL DE REGLAMENTO DE LA UNIVERSIDAD DE CUNDINAMARCA.pdf
 
Diapositivas final
Diapositivas finalDiapositivas final
Diapositivas final
 
Manual de Imagen Corporativa RENATA
Manual de Imagen Corporativa RENATAManual de Imagen Corporativa RENATA
Manual de Imagen Corporativa RENATA
 
Manual de-identidad-visual-corporativa-2017-erika-reina(1)
Manual de-identidad-visual-corporativa-2017-erika-reina(1)Manual de-identidad-visual-corporativa-2017-erika-reina(1)
Manual de-identidad-visual-corporativa-2017-erika-reina(1)
 
Manual de Identidad Institucional, ECC USAC
Manual de Identidad Institucional, ECC USACManual de Identidad Institucional, ECC USAC
Manual de Identidad Institucional, ECC USAC
 
delcy rocio maya riascos precentacion ppt
delcy rocio maya riascos precentacion pptdelcy rocio maya riascos precentacion ppt
delcy rocio maya riascos precentacion ppt
 
Presentación final proyectos
Presentación final proyectosPresentación final proyectos
Presentación final proyectos
 
Manual de Imagen Corporativa canal vía X
Manual de Imagen Corporativa canal vía XManual de Imagen Corporativa canal vía X
Manual de Imagen Corporativa canal vía X
 
Manual facebook
Manual facebook Manual facebook
Manual facebook
 
Presentación Proyectos
Presentación ProyectosPresentación Proyectos
Presentación Proyectos
 
Presentación
PresentaciónPresentación
Presentación
 
Manual de-imagen-corporativa-sena-2012
Manual de-imagen-corporativa-sena-2012Manual de-imagen-corporativa-sena-2012
Manual de-imagen-corporativa-sena-2012
 
Manual redes sociales final
Manual redes sociales finalManual redes sociales final
Manual redes sociales final
 
Maunual Redes Sociales
Maunual Redes SocialesMaunual Redes Sociales
Maunual Redes Sociales
 
+++Texto de apuntes etabs sap
+++Texto de apuntes etabs sap+++Texto de apuntes etabs sap
+++Texto de apuntes etabs sap
 
Accesibilidad en la señalización en edificios públicos..pdf
Accesibilidad en la señalización en edificios públicos..pdfAccesibilidad en la señalización en edificios públicos..pdf
Accesibilidad en la señalización en edificios públicos..pdf
 

Recently uploaded

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
karendaza9506
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
Leo Florez
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
ilvrosiebp
 

Recently uploaded (20)

PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Espacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientesEspacios únicos creados por nuestros clientes
Espacios únicos creados por nuestros clientes
 
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docxPLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
PLAN DE MANTENIMIENTO DE SISTEMAS DE AGUA CHONTAYOC.docx
 
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptxSESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
SESION 05 MOBILIARIO Y EQUIPAMIENTO.pptx
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
Proceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimientoProceso de percepción visual y de reconocimiento
Proceso de percepción visual y de reconocimiento
 
Afiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola PerezAfiche de arquitectura manierista Paola Perez
Afiche de arquitectura manierista Paola Perez
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc140254879-Triptico-Color-Dia-de-La-Madre.doc
140254879-Triptico-Color-Dia-de-La-Madre.doc
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGODIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
DIAPOSITIVAS OFICIAL DE PROYECTO DE GRAGO
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 

Manual de normas gráficas Bibliotecas PUCV 2020

  • 1. Manual de normas gráficas PUCV
  • 2.
  • 3.
  • 4.
  • 6.
  • 8. Misión El Sistema de Biblioteca es un colaborador activo de los procesos de formación, aprendizaje e investigación, entregando servicios de calidad y recursos de información pertinentes, en espacios físicos y digitales accesibles, confortables, dinámicos, flexibles, tecnológicos, colaborativos e inclusivos acorde al modelo educativo y a las necesidades de nuestra comunidad universitaria. 3
  • 10.
  • 12. Tipografía La tipografía utilizada en la marca es Modérnica, la cual forma parte de la paleta tipográfica de la universidad. Corresponde a un diseño de trazos amables y limpios que facilitan la lectura. La paleta de pesos utilizada es Modérnica en sus variantes regular, medium y bold, siendo el primero y el último los más utilizados. Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 Modérnica Regular Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 Modérnica Bold Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9 Modérnica Medium 7
  • 13. PUCV Regular Medium Bold 8 Es importante que no se cambie la tipografía, se salga del rango de pesos establecido o se modifiquen las distancias entre líneas y letras, pues esto provocaría un desajuste.
  • 14.
  • 16. Colores institucionales Pantone 7620 C RGB 157 / 44 / 40 #9d2c28 Pantone 301 C RGB 0 / 87 / 147 #005793 La paleta del sistema se desprende de los colores de la universidad, tomando el rojo como lo protagonista y el azul como lo legible. CMYK 31 / 96 / 93 / 3 CMYK 98 / 71 / 21 / 0 Pantone 663 C RGB 248 / 248 / 247 #f8f8f7 CMYK 4 / 3 / 4 / 0 Pantone Black 3 C RGB 31 / 38 / 36 #1f2624 CMYK 87 / 78 / 73 / 60 11 Es crucial que estos colores no sean modificados de ninguna forma al momento de aplicarlos, en especial en canales digitales como el sitio web o los boletines informativos.
  • 17. 12 Colores complementarios Los siguientes son colores que complementan al lenguaje cromático principal, presentes en botones web y fondos. No representan a la identidad primaria del sistema, por lo que su uso sólo debe restringirse a las aplicaciones ya mencionadas y cuidando siempre de preservar el contraste entre colores para evitar problemas de accesibilidad. Pantone 663 C RGB 237 / 237 / 237 #ededed Pantone 302 C RGB 10 / 71 / 110 #0a476e CMYK 9 / 7 / 7 / 0 CMYK 98 / 81 / 43 / 6 Pantone 663 C RGB 207 / 221 / 230 #cfdde6 CMYK 26 / 9 / 10 / 0
  • 18. Opciones de color del isologo El logotipo en rojo es el principal uso de color de la marca, seguido por su versión en azul. Para versiones en las que el fondo es rojo o azul, se utiliza el blanco tonal descrito anteriormente. PUCV PUCV 13 Las opciones mostradas debajo son las únicas que deben aparecer en la aplicación del color: hacer otro tipo de combinatorias romperá el contraste visual adecuado para una lectura cómoda.
  • 20.
  • 22. Isologo El isologo responde a una composición que proviene del dibujo del logotipo de la Universidad, se toman y transforman los elementos de la cariátide y el libro para poder configurar un dibujo, el cual representa la identidad universitaria a través del estudio. Así, la cariátide representa la cohesión entre una institución y su comunidad (Manual de normas gráficas PUCV. 2016), mientras que el libro es el tradicional repositorio del conocimiento académico. 17
  • 23. Geometría: isotipo La geometría del isotipo responde a diversos rectángulos y círculos que terminan dibujando la figura completa. 18
  • 24. Área de protección: isotipo La siguiente visualización corresponde al área de protección que se debe otorgar al isotipo cuando este se presente de forma independiente; esta área se construye a partir 19 de la siguiente grilla. Es importante notar que el isotipo puede existir por sí mismo sólamente en situaciones y objetos puntuales, como timbres, sellos, artículos de merchandising, estampados de alfombras, etc.
  • 25. Área de protección: isologo La siguiente visualización corresponde al área de protección que se debe otorgar al isologo en cualquier soporte en donde sea colocado; esta área se construye a partir de la siguiente 20 grilla. El isologo es el principal elemento de la imagen de marca, y por tanto debe siempre tener esta área de protección: es importante que al colocarlo en algún soporte, no sea modificado ni distorsionado de ninguna forma, pues se perdería la identidad construida PUCV
  • 26. Relación con el isologo PUCV La entidad de la Universidad es más primordial que la del Sistema de Bibliotecas, por lo cual el orden correcto siempre será situar el logo de la PUCV antes que el isologo de Bibliotecas PUCV de izquierda a derecha. A través de los bloques grises se identifica que hay una relación de altura entre los textos. Es decir, los textos correspondientes a “Pontificia Universidad 21 PUCV Católica de Valparaíso” tienen un mismo alto que “Bibliotecas PUCV”
  • 28.
  • 30. ¿Quiénes Somos? PUCV Boletín informativo periódico El boletín informativo debe seguir las normas gráficas ya descritas, pues se trata de un canal oficial de Bibliotecas PUCV y por tanto requiere de una cohesión en su lenguaje visual. A continuación se presenta la diagramación pertinente y los elementos que la componen. 25 612 px 71,36 px 71,36 px216,12 px 214,35 px 83,60 px 65 px 45,51 px 98,65 px Isologo (65 x 156,5 px) Títulos 1 (Modérnica regular, 48pts) Títulos boletín (Modérnica regular, 30pts) Bajada (Modérnica regular, 10pts) Sitio web (Modérnica bold, 10pts)
  • 31. 26 ¿Quiénes Somos? Cuerpo (Modérnica regular, 12pts) Títulos 2 (Modérnica bold, 30pts) Títulos 3 (Modérnica bold, 15pts)
  • 33. 28 Color en el boletín El color empleado en el boletín debe siempre seguir las normas ya mencionadas en este manual. #9d2c28 El rojo se usará en el isologo, los títulos y para el footer. #005793 El azul se usará para todo aquello que sea clickeable (links, botones). #f8f8f7 El blanco tonal se usará para el fondo del boletín. #1f2624 El negro se usará en los textos que no sean títulos ni links.
  • 34. Sitio web EL sitio web es el canal digital más importante, y por tanto debe seguir las normas gráficas ya mencionadas para seguir construyendo una experiencia de uso agradable. A continuación se presentan páginas tipo con las que trabajar el sitio. 29 1440px a 12 columnas 100px 58px 50px
  • 35. 30 Página a dos columnas.
  • 36. Página a tres columnas (ejemplo: página general de los servicios) 31
  • 37. Página a tres columnas (ejemplo: página general de las bibliotecas). 32
  • 38.
  • 39.
  • 40. PUCV