Mediante la definición de una retrícula, los contenidos se ubican construyendo la pantallas, manteniendo la homogeneidad en toda la estructura. Un requisito indispensable para permitir una correcta distribución en las diferentes resoluciones pantalla.
Los componentes se ubican y adaptan a la retrícula, como si de las piesas de un puzzle se trataran, componiendo las pantallas.
Los puntos de corte son saltos en los que la pantalla puede cambiar su layout. Establecer unos estándares garantiza la integridad en el diseño para todos los tamaños de pantalla.
Entre 1025px y 1280px
Entre 1025px y 1280px
Entre 874px y 1024px
Entre 600px y 873px
Hasta 599px
Nuestra retícula se compone de 12 columnas para resoluciones de escritorio, 8 columnas para tablet y 4 columnas para móvil
Nuestra retícula se compone de 12 columnas para resoluciones de escritorio, 8 columnas para tablet y 4 columnas para móvil
Se compone de 12 columnas. El contenido irá integrado dentro de un contenedor con un ancho máximo de 1200px, margen entre columnas de 24px, y margen en la propia pantalla de 24px
Se compone de 8 columnas. Consta de un margen entre columnas de 16px, y margen en la propia pantalla de 16px
Se compone de 4 columnas. El margen entre columnas es de 16px con un margen en la propia pantalla de 16px.
Se compone de 4 columnas. El margen entre columnas es de 16px con un margen en la propia pantalla de 16px.
Envía un correo electrónico al equipo del Sistema de Diseño a
