Modernos y tecnológicos
Bento UI
Composición en módulos rectangulares de distinto tamaño, como una caja bento; ideal para dashboards y landings de producto.
Descripción
Bento UI es un patrón de composición modular formado por bloques de diferentes tamaños que se organizan dentro de una retícula, evocando la separación en compartimentos de una caja bento. No existe un estándar oficial denominado Bento UI: es una dirección de layout contemporánea. Su fundamento se relaciona con el patrón de cards, que agrupa información relacionada dentro de contenedores visuales flexibles, y con grids modulares capaces de asignar distinto tamaño a cada bloque según su importancia.
Características visuales
Tarjetas modulares; tamaños de bloque variables; gutters consistentes; radios y superficies coherentes; módulos que contienen métricas, gráficos, imágenes, texto o CTAs; jerarquía expresada mediante superficie ocupada; grid subyacente fuerte. El resultado debe sentirse como un sistema único, no como una colección arbitraria de tarjetas independientes.
Cuándo usarlo
Muy útil en páginas de características, homepages de producto, SaaS, portfolios, dashboards, resúmenes de usuario y presentaciones de servicios donde se mezclan métricas, imágenes, texto y acciones. Permite mostrar información heterogénea en una única composición compacta. Es menos conveniente para lectura estrictamente lineal, documentos largos o formularios que necesitan un flujo secuencial claro.