El grid de 12 columnas es como la Helvetica: seguro pero genérico. Estas alternativas te dan personalidad sin sacrificar orden.
1. Bento grid Cuadrantes de tamaños distintos alineados a un grid maestro. Perfecto para features grids o showcases. Apple lo usa en su página del iPad.
2. Broken grid Elementos que se salen intencionalmente del grid principal. Útil para mostrar personalidad editorial. Requiere disciplina para no verse caótico — solo 1–2 elementos "rotos" por sección.
3. Asimetría con eje visual En vez de centrar todo, alineas por un eje vertical desplazado (30% desde la izquierda por ejemplo). Da tensión y jerarquía.
4. Layered / overlap grid Elementos que se superponen intencionalmente con transparencia o mix-blend. Muy usado en editoriales de moda.
5. Scroll horizontal en secciones puntuales Un carrusel horizontal dentro de una página vertical rompe el ritmo y captura atención. Ideal para showcases o galerías.
La regla oculta Cualquier layout "roto" funciona solo si el sistema base es sólido: espaciado consistente, tipografía escalada y color reducido. El caos controlado se ve intencional; el caos sin base, amateur.
R
Rayden Gonzalez
Diseño y construyo sitios web premium para negocios que quieren vender de verdad.