1. Hero
Imagen a casi toda la pantalla con el mensaje principal y un botón.
Índice de Layouts
2. Pantalla dividida (Split screen)
Dos mitades de igual peso, mensaje a la izquierda e imagen a la derecha.
3. Cuadrícula de tarjetas (Card grid)
Tarjetas uniformes que se acomodan solas según el ancho.
4. Masonry
Galería con fotos de alturas distintas que encajan como ladrillos.
5. Tipo Revista (Magazine)
Una nota principal grande y varias secundarias.
6. Una sola columna
Todo el contenido en una columna angosta, pensada para leer.
7. Patrón F
Barra superior y lista alineada a la izquierda, el ojo recorre el encabezado y baja por el borde izquierdo.
8. Patrón en Z
Marca arriba a la izquierda, menú arriba a la derecha, imagen al centro y el botón final abajo a la derecha.
9. Zigzag (Alternado)
Filas de imagen y texto que cambian de lado en cada paquete.
10. Barra lateral fija (Sidebar)
El menú queda fijo a izquierda y solo el contenido se desplaza.
11. Santo Grial (Holy grail)
Encabezado, pie y 3 columnas como menú, contenido y promociones.
12. Bento Grid
Bloques de distintos tamaños en una cuadrícula compacta.
13. Una sola página (One page)
Todo el sitio en una página, menu fijo con anclas y secciones a pantalla completa.
14. Asimétrico o cuadrícula rota (Broken grid)
La imagen, el texto y la etiqueta se enciman a propósito.