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