Interface systems Referencia ilustrativa Prompt para LLM listo para copiar

Bento Grid

Módulos variados pero alineados convierten contenido, estados y acciones en una vista compacta.

Panel de proyecto original en cuadrícula bento con módulos de prioridad, progreso, actividad y equipo.
Recreación ilustrativa original; no es un resultado generado ni una captura propietaria. Original HTML/CSS illustration

Prompt para LLM listo para copiar

Bento Grid: Prompt para LLM listo para copiar

Úsalo como brief inicial y adapta después el contenido, la marca y los requisitos de interacción de tu proyecto.

Design a responsive bento-grid interface using varied tile spans, strict alignment, concise content blocks, and a clear visual hierarchy. Give every tile one primary purpose, use color and scale sparingly, and define hover, focus, selected, loading, empty, and error states. On narrow screens, preserve meaning with a deliberate linear reading order rather than shrinking the desktop grid.

Rasgos de reconocimiento

Cómo reconocer este estilo

Módulos variados pero alineados convierten contenido, estados y acciones en una vista compacta.

  1. 01 Módulos compactos
  2. 02 Tamaños variados
  3. 03 Alineación firme
  4. 04 Resúmenes breves