# Revelado en cuadrícula bento: estilo de motion graphics

> Animación de texto en cuadrícula bento: tarjetas redondeadas entran con rebote y la palabra se reparte en tres. Título animado para una landing page moderna.

- Categoría: [Interfaz sci-fi y web moderna](https://aimotions.art/es/categoria/interfaz-sci-fi-y-web-moderna/)
- También conocido como: cuadrícula bento, diseño bento, bento grid, animación de tarjetas, landing page moderna, tarjetas escalonadas, animación de interfaz
- Demo hecha con: CSS · Energía: Dinámico · Fondo: Claro
- Demo en vivo: https://aimotions.art/es/estilos/bento-grid-reveal/
- Versión en inglés: https://aimotions.art/styles/bento-grid-reveal/

## Prompt (cambia [TEXTO] por tu texto)

```text
Monta una cuadrícula bento moderna sobre un fondo blanco roto y revela [TEXTO] a través de ella. Tres filas de tarjetas redondeadas con medianiles regulares; la fila central reparte [TEXTO] en tres tarjetas anchas (lima con texto tinta, casi negra con texto blanco, violeta con texto blanco) en una grotesca gruesa con el espaciado entre letras muy ajustado, y cada fragmento sube deslizándose dentro de su tarjeta. Alrededor, tarjetas blancas muestran pequeñas demos de funciones: interruptores que se activan, una gráfica de líneas que se dibuja sola, una cifra grande, puntos de color superpuestos, una línea de tiempo con rombos de fotograma clave y un cabezal en movimiento, un anillo de progreso y un icono de bucle que gira. Las tarjetas entran una tras otra con un leve rebote, se mantienen, salen hacia arriba en secuencia y todo se repite en bucle.
```

## ADN visual

- Fondo blanco roto con tarjetas redondeadas en blanco, lima, tinta y violeta
- Entrada escalonada y elástica con un pequeño rebote antes de asentarse
- Palabra repartida en tres tarjetas, en palo seco gruesa y espaciado ajustado
- Microanimaciones: interruptores, gráfica de líneas, cabezal y anillo de progreso
- Bordes de la cuadrícula alineados y medianiles amplios y regulares

Los prompts se pueden copiar, adaptar y usar libremente en proyectos personales y comerciales, sin necesidad de citar la fuente. Republicar la colección o una parte sustancial de ella (por ejemplo, como otra biblioteca o un conjunto de datos) requiere permiso por escrito.

Cómo citarlo: Revelado en cuadrícula bento, aimotions, https://aimotions.art/es/estilos/bento-grid-reveal/