Overlay Grid
Grille de cards avec le texte sur la photo voilée, uniforme ou en mosaïque, avec rubans et boutons
Les exemples ne sont qu'une partie. Chaque tile a aussi les options avancées : animations, effets de souris, visibilité par appareil ou par date, position et bien plus encore.
01
Tout juste ajoutée
Voilà son aspect dès que tu l'ajoutes à la page, avant toute modification.
02
Les destinations d'un tour-opérateur
Trois cards verticales 3:4, texte en bas à gauche sur un voile sombre en dégradé aussi large que la card, ruban orange « Nouveautés » et flèche « Découvrir ».
03
L'équipe en masonry : cellules hautes et larges
Disposition masonry à quatre colonnes sur des lignes de 200 px : certaines cards occupent deux lignes, d'autres deux colonnes ; photos en noir et blanc qui se colorent au survol.
04
Les services d'une startup : photo, icônes et graphisme
Les cards ne sont pas forcément des photos : ici une photo, une card avec icône sur bleu, une avec le motif à carreaux sur rouge et une de texte seul sur fond sombre.
05
Les pièces de la maison, voile plein et texte au centre
Deux colonnes 16:9 avec voile rouge sur toute la photo, grand titre centré et rayon 24.
06
Une vitrine de mode en noir et blanc
Cinq colonnes 2:3 collées, sans voile ni rayon : photos en noir et blanc qui se colorent au survol, nom et prix en haut à gauche.
07
Cours de photographie, avec ruban et bouton
Trois cards 4:5 aux angles alternés (arrondi, vif), texte centré en bas, bouton en pilule « S'abonner », ruban bleu et un léger zoom avec rotation au survol.
08
Le style « Magazine Mosaic » pour un magazine
Le style monte les cards à 380 px, assombrit le voile et ajoute une invitation soulignée : trois articles d'un magazine d'architecture.




