§ Famille · 8 variantes · 41 déclinaisons

scroll-interactive

8 variantes (8 stables) partagent la forme « scroll-interactive ». Chaque card ouvre la fiche technique ; les déclinaisons (presets) se prévisualisent en ligne.

horizontal-showcase stable

Panneaux a defilement horizontal smooth (scroll-snap) avec index numerote cliquable.

scroll-interactive Feature Sections Défilement horizontalApparition au scrollDéfilement +6 4 décl.

4 déclinaisons

Vitrine horizontale · papier
Vitrine horizontale · papier 2
Vitrine horizontale · papier 3
Vitrine horizontale · encre

hover-reveal-list stable

Liste editoriale qui revele l'image du projet au survol, dans un carre cadre (image qui suit le curseur ou centree).

scroll-interactive Feature Sections Révélation au survolApparition au scrollSurvol +5 5 décl.

5 déclinaisons

Liste révélation · papier · image suit le curseur
Liste révélation · papier · image fixe
Liste révélation · papier 2 · image fixe
Liste révélation · encre · image suit le curseur
Liste révélation · encre · image fixe

media-bento stable

Bento media asymetrique : tuiles image avec grand titre superpose et zoom au survol (layouts feature-2, quad, mosaic).

scroll-interactive Feature Sections Zoom au survolApparition au scrollSurvol +4 13 décl.

13 déclinaisons

Bento média · papier · une vedette
Bento média · papier · quadrillage
Bento média · papier 2 · mosaïque
Bento média · encre · une vedette
Bento média · encre · mosaïque
Bento média · tuile vedette 2×2
Bento média · matrice 2×2 carrée
Bento média · matrice 3×3 carrée
Bento média · grille uniforme 3 colonnes
Bento média · grille uniforme · format 16/9
Bento média · quadrillage · vignettes carrées
Bento média · mosaïque · aérée
Bento média · en-tête centré (atomique)

media-swap-band stable

Bande 2 ou 3 colonnes dont les images changent en fondu (auto ou au survol), avec CTA.

scroll-interactive Feature Sections Fondu enchaînéRotation automatiqueApparition au scroll +7 5 décl.

5 déclinaisons

Bande média alternée · papier · rotation auto
Bande média alternée · papier · au survol
Bande média alternée · papier 2 · au survol
Bande média alternée · encre · rotation auto
Bande média alternée · encre · au survol

photo-cluster stable

Composition editoriale : photo lead + grappe de photos decalees (layouts lead-cluster, scatter, duo).

scroll-interactive Feature Sections Apparition au scrollDéfilementPlusieurs images +1 5 décl.

5 déclinaisons

Grappe photos · papier · grappe vedette
Grappe photos · papier · dispersée
Grappe photos · papier 2 · duo
Grappe photos · encre · grappe vedette
Grappe photos · encre · dispersée

scroll-gallery stable

Liste sticky a gauche, cadre media a droite dont l'image change en fondu au scroll. Ideal pour presenter des domaines d'expertise avec un visuel par item.

scroll-interactive Feature Sections Média collantFondu enchaînéApparition au scroll +6 5 décl.

5 déclinaisons

Galerie scroll · papier · média à droite
Galerie scroll · papier · média à gauche
Galerie scroll · papier 2 · média à droite
Galerie scroll · encre · média à gauche
Galerie scroll · encre · média à droite

stack-cards stable

Cartes numerotees qui se superposent en s'empilant au scroll (effet stack sticky, CSS pur). Ideal pour une methode en plusieurs temps.

scroll-interactive Feature Sections Cartes empiléesApparition au scrollDéfilement +6 4 décl.

4 déclinaisons

Cartes empilées · papier
Cartes empilées · papier 2
Cartes empilées · papier 3
Cartes empilées · encre

sticky-scroll-storytelling stable

Storytelling au scroll : rail de texte sticky dont l'etape active passe en accent, colonne media sticky dont l'image change en fondu. Mobile = stepper empile.

scroll-interactive Narrative Sections Média collantApparition au scrollFondu enchaîné +7