Waimia.
Réserver un audit →
← Familles

§ Famille · 31 variantes · 160 déclinaisons

card-grid

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

article-grid stable

Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.

card-grid Content Listing Sections SurvolImageIcônes +3 4 décl.

4 déclinaisons

  • Grille d'articles · papier 2

  • Grille d'articles · papier 3

  • Grille d'articles · encre

  • Grille d'articles · 2 colonnes

case-card-grid stable

Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +3 19 décl.

19 déclinaisons

  • Cas clients · grille · papier

  • Cas clients · grille · papier 2

  • Cas clients · grille · papier 3

  • Cas clients · grille · encre

  • Cas clients · table dense

  • Cas clients · table aérée

  • Cas clients · en-tête centré

  • Cas clients · encre · aérée

  • Cas clients · encre · en-tête centré

  • Cas clients · papier 2 · dense

  • Cas clients · lignes séparées (table éditoriale)

  • Cas clients · liste (sans filets)

  • Cas clients · cartes en grille · 3 colonnes

  • Cas clients · cartes · 2 colonnes · hauteurs égales

  • Cas clients · cartes en grille fluide · encre

  • Cas clients · cartes asymétriques · large + étroite

  • Cas clients · cartes asymétriques · 3 colonnes (large à droite)

  • Cas clients · cartes en grille · en-tête centré (placement)

  • Cas clients · table · lien « tous » aligné à droite (placement)

case-featured-grid stable

Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +6 3 décl.

3 déclinaisons

  • Cas en vedette · papier 2

  • Cas en vedette · papier 3

  • Cas en vedette · encre

challenges-grid stable

Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.

card-grid Feature Sections SurvolIllustration au traitIcônes +4 2 décl.

2 déclinaisons

  • Grille d'enjeux · papier 3

  • Grille d'enjeux · encre

commitments-grid stable

Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 3 décl.

3 déclinaisons

  • Grille d'engagements · papier 2

  • Grille d'engagements · papier 3

  • Grille d'engagements · encre

deliverables-grid stable

Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 19 décl.

19 déclinaisons

  • Livrables · grille adaptative · papier

  • Livrables · 3 colonnes · papier

  • Livrables · 4 colonnes · papier 2

  • Livrables · 2 colonnes · ample · papier 3

  • Livrables · 3 colonnes · titre centré · papier

  • Livrables · 3 colonnes · compact · papier 2

  • Livrables · 4 colonnes · encre

  • Livrables · 2 colonnes · centré · encre · ample

  • Livrables · grille uniforme · 3 colonnes

  • Livrables · grille uniforme · 4 colonnes · hauteurs égales

  • Livrables · grille fluide adaptative

  • Livrables · grille asymétrique · large + étroite

  • Livrables · grille asymétrique · étroite + large · encre

  • Livrables · liste horizontale

  • Livrables · lignes séparées (table éditoriale)

  • Livrables · bento vedette (1ʳᵉ carte large)

  • Livrables · bloc vedette + colonne · encre

  • Livrables · grille fluide · en-tête centré (placement)

  • Livrables · grille avant en-tête (placement order)

ecosystem-partners stable

Logos partenaires technologiques unifiés (masque alpha + currentColor), groupés par catégorie, grille / mur / marquee, variante dark.

card-grid Logo Sections Défilement continuSurvolIllustration au trait +4 6 décl.

6 déclinaisons

  • Partenaires écosystème · papier

  • Partenaires écosystème · papier 2

  • Partenaires écosystème · papier 3

  • Partenaires écosystème · encre

  • Partenaires écosystème · mur labellisé

  • Partenaires écosystème · défilant

editorial-case-grid stable

Grille editoriale de cas clients : en-tete numerote + titre + intro, puis cartes EditorialCaseCard en 2 colonnes avec decalage vertical alterne (signature /manifesto Acte IV).

card-grid Testimonial Sections Apparition au scrollSurvolCartes +1 2 décl.

2 déclinaisons

  • Grille de cas · papier 2

  • Grille de cas · encre

editorial-preview stable

Index éditorial de publications en lignes numérotées (num · date · tag · titre italique · flèche), extrait de FieldNotes.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +3 3 décl.

3 déclinaisons

  • Aperçu notes · papier 2

  • Aperçu notes · papier 3

  • Aperçu notes · encre

editorial-split-grid stable

Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 3 décl.

3 déclinaisons

  • Double colonne éditoriale · papier 2

  • Double colonne éditoriale · papier 3

  • Double colonne éditoriale · encre

feature-comparison-grid stable

Différenciation légère « nous vs eux » en grille de cartes : 2 ou 3 colonnes, lignes cochées ou barrées, colonne mise en avant. Plus léger que la table comparative.

card-grid Feature Sections ListeCartes3 colonnes 4 décl.

4 déclinaisons

  • Comparatif features · papier

  • Comparatif features · papier 2

  • Comparatif features · papier 3

  • Comparatif features · encre

feature-grid stable

Grille de fonctionnalités pour structurer les bénéfices ou capacités principales d'une offre.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 8 décl.

8 déclinaisons

  • Grille features · papier

  • Grille features · 3 colonnes · encre

  • Grille features · survol élévation (lift)

  • Grille features · cellules multicolores (contraste auto)

  • Grille features · CTA poussé en bas de carte

  • Grille features · grille centrée (justify-content)

  • Grille features · axe direction (pile / column)

  • Grille features · axe item-order (réordonne les cellules)

icon-trio stable

Trois colonnes iconographiques avec titre et description, séparées par des hairlines verticaux. Idéal pour présenter 3 piliers ou bénéfices distincts.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 3 décl.

3 déclinaisons

  • Trio d'icônes · papier 2

  • Trio d'icônes · papier 3

  • Trio d'icônes · encre

integrations-grid stable

Grille de logos d’intégrations groupés par catégorie (CRM, communication, données). Répond à l’objection « est-ce que ça se branche à nos outils ? » d’un coup d’œil.

card-grid Logo Sections SurvolPlusieurs imagesLogos +2 3 décl.

3 déclinaisons

  • Grille d'intégrations · papier 2

  • Grille d'intégrations · papier 3

  • Grille d'intégrations · encre

offer-tier-grid stable

Section de palier d’offres avec eyebrow, H2, lede, grille de cartes et variante hero sombre optionnelle.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 7 décl.

7 déclinaisons

  • Grille offres · papier

  • Grille offres · papier 2

  • Grille offres · papier 3

  • Grille offres · encre

  • Grille offres · sobre

  • Grille offres · cartes nues

  • Grille offres · cartes nues encre

operating-layer stable

Section couche opérationnelle fond sombre : chapter label + h2 + lede + CTA, console terminal mockup à droite, strip 4 attributs en pied.

card-grid Feature Sections Apparition au scrollDéfilementIllustration au trait +3
pain-points stable

Points de friction métier : en-tête eyebrow et titre display, aside Callout, frise Timeline numérotée des frictions.

card-grid Feature Sections Apparition au scrollDéfilementIllustration au trait +5 3 décl.

3 déclinaisons

  • Points de friction · papier 2

  • Points de friction · papier 3

  • Points de friction · encre

persona-attributes-grid stable

Grille persona 2×2 pain points / critères / objections / preuves avec footer méta sombre en trois colonnes.

card-grid Feature Sections Liste3 colonnes 4 décl.

4 déclinaisons

  • Persona attributs · papier

  • Persona attributs · papier 2

  • Persona attributs · papier 3

  • Persona attributs · encre

pricing-cards stable

Grille de 2 à 4 cartes de prix côte à côte avec une carte « Recommandé » mise en avant, prix, période, features et CTA par carte. Ancrage par contraste.

card-grid Pricing Sections SurvolCartesBadge +3 20 décl.

20 déclinaisons

  • Tarifs · cartes · papier

  • Tarifs · cartes · papier 2

  • Tarifs · cartes · papier 3

  • Tarifs · cartes · encre

  • Tarifs · grille fluide · titre centré

  • Tarifs · 4 colonnes

  • Tarifs · 3 colonnes · aéré

  • Tarifs · 2 colonnes · titre centré

  • Tarifs · encre · titre centré

  • Tarifs · cartes · dense

  • Tarifs · grille uniforme · 4 colonnes · hauteurs égales

  • Tarifs · grille fluide adaptative

  • Tarifs · grille asymétrique · offre large + étroite

  • Tarifs · grille asymétrique · 3 colonnes (vedette large) · encre

  • Tarifs · liste (formules en lignes)

  • Tarifs · lignes séparées (table tarifaire)

  • Tarifs · bento vedette (offre phare large)

  • Tarifs · offre phare + colonne · encre

  • Tarifs · grille fluide · CTA centrés (placement)

  • Tarifs · grille uniforme · en-tête centré (placement)

pricing-single-highlight stable

Offre mono-produit en grand format : une carte large centrée avec prix d'ancrage, liste de bénéfices, garantie et CTA fort. Idéal landing mono-offre.

card-grid Pricing Sections Liste2 colonnesMédia à droite +1 4 décl.

4 déclinaisons

  • Offre unique · papier

  • Offre unique · papier 2

  • Offre unique · papier 3

  • Offre unique · encre

pricing-toggle stable

Grille de cartes de prix avec bascule mensuel/annuel (CSS-only, sans JS) qui change les prix affichés et signale l'économie annuelle.

card-grid Pricing Sections SurvolClic (bascule)Illustration au trait +4 4 décl.

4 déclinaisons

  • Tarifs bascule · papier

  • Tarifs bascule · papier 2

  • Tarifs bascule · papier 3

  • Tarifs bascule · encre

problems-grid stable

Grille de problèmes/frictions auto-fit (3 cards min) : num + kicker + h3 + body, séparateurs hairline 1px.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 3 décl.

3 déclinaisons

  • Grille de problèmes · papier 2

  • Grille de problèmes · papier 3

  • Grille de problèmes · encre

related-cards-band stable

Bande de trois cards connexes pour relier cas, offres ou ressources en fin de page.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 3 décl.

3 déclinaisons

  • Cartes liées · papier 2

  • Cartes liées · papier 3

  • Cartes liées · encre

resource-card-grid stable

Grille de ressources téléchargeables : type (livre blanc, cookbook, outil), titre, description, format, badge gated et CTA, en 2 ou 3 colonnes.

card-grid Content Listing Sections SurvolBoutonsIcônes +3 3 décl.

3 déclinaisons

  • Grille de ressources · papier 3

  • Grille de ressources · encre

  • Grille de ressources · 2 colonnes

sector-card-grid stable

Grille de hubs sectoriels en cartes cliquables : ICP en kicker, secteur, douleur en une phrase et CTA, en 3 colonnes sur fond hairline.

card-grid Content Listing Sections Apparition au scrollSurvolBoutons +2 3 décl.

3 déclinaisons

  • Grille de secteurs · papier 2

  • Grille de secteurs · papier 3

  • Grille de secteurs · encre

services-grid stable

Grille éditoriale de services 3×2 avec figure, métrique, body et ligne de connecteurs en pied de cellule.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 3 décl.

3 déclinaisons

  • Grille de services · papier 2

  • Grille de services · papier 3

  • Grille de services · encre

team-bio-grid stable

Grille d’équipe : photo, nom, rôle et bio courte par membre, en 2 à 4 colonnes alignées. Idéale pour une page À propos ou Équipe qui humanise la marque.

card-grid Team Sections SurvolImageIllustration au trait +4 5 décl.

5 déclinaisons

  • Équipe bios · papier

  • Équipe bios · papier 2

  • Équipe bios · encre

  • Équipe bios · deux colonnes

  • Équipe bios · quatre colonnes

team-card-grid stable

Grille auto-fill de cartes auteurs avec photo, rôle, description, compteur de publications et CTA profil.

card-grid Testimonial Sections Zoom au survolSurvolImage +4 4 décl.

4 déclinaisons

  • Équipe cartes · papier

  • Équipe cartes · papier 2

  • Équipe cartes · papier 3

  • Équipe cartes · encre

testimonial-wall stable

Mur d'avis masonry : citations clients surlignées, note moyenne et profils LinkedIn pour une preuve sociale dense.

card-grid Testimonial Sections Apparition au scrollZoom au survolSurvol +6 9 décl.

9 déclinaisons

  • Mur d’avis · dense quatre colonnes · papier

  • Mur d’avis · colonnes larges éditoriales · papier 2

  • Mur d’avis · équilibré trois colonnes · papier 3

  • Mur d’avis · colonnes larges · encre

  • Mur d’avis · dense quatre colonnes · encre

  • Mur d’avis · sans bandeau de note · papier

  • Mur d’avis · dense sans note · papier 2

  • Mur d’avis · colonnes larges sans note · encre

  • Mur d’avis · note en avant · papier

use-case-index stable

Index éditorial de cas d'usage en lignes numérotées avec libellé italique, tag mono et lien d'ancrage solution.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 3 décl.

3 déclinaisons

  • Index de cas d'usage · papier 2

  • Index de cas d'usage · papier 3

  • Index de cas d'usage · encre

why-stalls stable

Section éditoriale "pourquoi X cale" : chapter label sticky à gauche + N FIG rows à droite avec row-lines.

card-grid Feature Sections DéfilementIllustration au trait2 colonnes +2