títulos | textos - ipn · 2020. 4. 21. · imágenes guía de dimensiones, colores y tipografías...
TRANSCRIPT
Imágenes
Guía de dimensiones, colores y tipografías
Imagen fullwidth 1920 x 450 pxImagen para mostrarse a pantalla completa, regularmente usada en el Inicio.Se recomienda que se optimice la imagen para que no sea un archivo con demasiado peso
Imagen fullwidth en slider con título y descripción 1920 x 450 pxImagen para mostrarse a pantalla completa.Se recomienda que se optimice la imagen para que no sea un archivo con demasiado peso
Imagen para slider 1170 x 400 pxImagen para mostrarse a pantalla completa.Se recomienda que se optimice la imagen para que no sea un archivo con demasiado peso
Imagen para slider “B” 900 x 400 pxImagen para mostrarse a pantalla completa.Se recomienda que se optimice la imagen para que no sea un archivo con demasiado peso
Cualquier imagen para el contenido 560 x 380 pxImagen para contenidos, ésta imagen se ajusta a cualquier módulo
Iconos 150 x 120 px
Gris oscuro
Gris oscuro patrón
Ginda
Ginda con patrón
Gris intermedio
Gris
Gris con patrón
Blanco con patrón
Gris intermedio con patrón
Los iconos deben de estar dentro de esta área y no necesariamente abarcar toda la dimensión
Título para usarse en los nombres de la unidad
El IPN cuenta con especialistas calificados para monitoreo y control del ruido de las operaciones del nuevo aeropuerto
Título
Lorem ipsum dolor sit amet, consectetuer adipiscing elitSed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. ex ea commodo consequat.
icono 1 icono 2 icono 3 icono 4
Títulos | Textos
Éste es un título H1
Título para secciones
Ésto es un título h2
Título para temas dentro de cada sección
Título para subtemas dentro de cada sección
Textos a resaltar
Este tipo de tipografía sirve para textos de apoyo, subtítulos, textos secundarios y citas.
Esto es un título h3
Esto es un título h4
Esto es un título h5
Esto es un texto secundario o subtítulo
Esto es un texto secundario o subtítulo
Esto es un texto secundario o subtítulo
Colores sugeridos para usarse en imágenes, íconos, gráficos, etc.
Backgrounds
#5b262eR=91 G=38B=46
#333R=51 G=51 B=51
#5a1236R=90G=18B =54
#f1f1f1R=241 G=241 B=241
#999R=153G=153B=153
guinda institucional
#3B905FR=59 G=144 B=95
#363554R=52 G=52 B=82
#38803fR=56 G=128B=95
#32587aR=50 G=88 B=122
#368677R=52 G=133 B 119
#3a474fR=58 G=71 B=79
#666R=102G=102B=102
#677c88R=174 G=182B=211
#f56700R=245G=103B=0
#677c88R=103 G=124 B=136