Overlay Grid
Cuadrícula de cards con el texto sobre la foto con velo, uniforme o en mosaico, con cintas y botones
Los ejemplos son solo una parte. Cada tile tiene además las opciones avanzadas: animaciones, efectos del ratón, visibilidad por dispositivo o por fecha, posición y mucho más.
01
Recién añadido
Así se ve nada más añadirlo a la página, antes de cualquier cambio.
02
Los destinos de un operador turístico
Tres cards verticales 3:4, texto abajo a la izquierda sobre un velo oscuro degradado tan ancho como la card, cinta naranja «Novedades» y flecha «Descubre».
03
El equipo en masonry: celdas altas y anchas
Disposición masonry de cuatro columnas sobre filas de 200 px: algunas cards ocupan dos filas, otras dos columnas; fotos en blanco y negro que se colorean al hacer hover.
04
Servicios de una startup: foto, iconos y gráficos
Las cards no tienen por qué ser fotos: aquí una foto, una card con icono sobre azul, una con el motivo de cuadros sobre rojo y una de solo texto sobre oscuro.
05
Las estancias de la casa, velo completo y texto en el centro
Dos columnas 16:9 con velo rojo sobre toda la foto, título grande centrado y radio 24.
06
Un escaparate de moda en blanco y negro
Cinco columnas 2:3 pegadas, sin velo ni radio: fotos en blanco y negro que se colorean al hacer hover, nombre y precio arriba a la izquierda.
07
Cursos de fotografía, con cinta y botón
Tres cards 4:5 con esquinas alternas (redonda, viva), texto centrado abajo, botón en forma de píldora «Suscríbete», cinta azul y un ligero zoom con rotación al hacer hover.
08
El estilo «Magazine Mosaic» para una revista
El estilo sube las cards a 380 px, oscurece el velo y añade una invitación subrayada: tres artículos de una revista de arquitectura.
