Grillas Bento: tips de diseño

Cómo armar grillas asimétricas que se vean profesionales y respeten la jerarquía visual.

Actualizado el min de lectura

Qué es bento

Layout de grilla irregular inspirado en las cajas bento japonesas. Lo popularizaron Apple y Linear para mostrar muchas features sin que aburran.

Jerarquía 1-2-3

Reserva una celda grande (el héroe del bento), dos medianas (segundo nivel) y varias pequeñas (detalles). Evita que todas las celdas pesen lo mismo.

Colapsa en mobile

En mobile la grilla colapsa a 1-2 columnas. Asegúrate que el contenido de cada celda funcione independiente, no como una pieza visual conjunta.

Mezcla tipos de contenido

Combina texto, métricas, ilustraciones, videos cortos y screenshots. Un bento que mezcla formatos retiene más la atención que uno homogéneo.

No abuses

Un bento por página suele ser suficiente. Encadenar varios diluye su impacto.

¿Te fue útil este artículo?

✓ ¡Gracias por tu feedback!

Lamentamos que no haya sido lo que buscabas. ¿Quieres contactarnos directamente?

Contactar soporte

¿Aún necesitas ayuda?

Si no encontraste lo que buscabas, contáctanos y te ayudaremos lo antes posible.

Contactar soporte