1. Hero
Imagen a casi toda la pantalla con el mensaje principal y un boton.
Indice 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 segun el ancho.
4. Masonry
Galeria 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. Patron F
Barra superior y lista alineada a la izquierda, el ojo recorre el encabezado y baja por el borde izquierdo
8.Patron en Z
Marca arriba a la izquierda a izquierda, menu arriba a la derecha, imagen al centro y el boton final abajo a la derecha.
9. Zizag ( Alternado)
Filas de imagen y texto que cambian de lado en cada paquete.
10. Barra lateral fija (Sidebar)
El menu queda fijo a izquierda y solo el contenido se desplaza.
11. Santo Grial (Holy grail)
Encabezado, pie y 3 columnas como menu, contenido y promociones.
12. Bento Grid
Bloques de distintos tamaños en una cuadricula compacta.
13. Una sola pagina (One page)
Todo el sitio en una pagina, menu fijo con anclas y secciones a pantalla completa.
14. Asimetrico o cuadricula rota (Broken grid)
La imagen, el texto y la etiqueta se ensiman a proposito