Waimia.
Réserver un audit →

Feature Sections

related-cards-band

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

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

related cards navigation editorial
Ouvrir dans le builder

Instances sur le site

Global 21 instances sur 21 pages

Page Position Contenu Variante
/audit-ia-pme section 8 Pour aller plus loin paper-2
/audit-site-web-intelligent section 7 Pour aller plus loin paper
/cas-usages/centraliser-donnees section 7 Un cas réel paper-2
/cas-usages/generer-plus-de-leads section 7 Un cas réel paper-2
/cas-usages/reduire-reporting section 7 À explorer paper-2
/cas-usages/reduire-temps-cms section 7 À explorer paper-2
/cas-usages/standardiser-processus section 7 Un cas réel paper-2
/demonstrations/avant-apres section 6 Pour aller plus loin paper-2
/demonstrations/integration-claude section 6 Pour aller plus loin paper-2
/demonstrations/site-web-intelligent section 6 Pour aller plus loin paper-2
/implantations/bordeaux section 6 Pour aller plus loin paper-2
/implantations/montpellier section 6 Pour aller plus loin paper-2
/ressources/comparatifs/claude-code-vs-cursor section 6 Pour aller plus loin paper-2
/ressources/comparatifs/claude-vs-chatgpt-pme section 6 Pour aller plus loin paper-2
/ressources/comparatifs/geo-vs-seo section 6 Pour aller plus loin paper-2
/ressources/comparatifs/site-web-intelligent-vs-wordpress section 7 Pour aller plus loin paper-2
/ressources/diagnostics/claude-pme section 9 Pour aller plus loin paper
/ressources/diagnostics/maturite-ia section 9 Pour aller plus loin paper
/ressources/diagnostics/referent-ia section 9 Pour aller plus loin paper
/ressources/diagnostics/site-web-intelligent section 8 Pour aller plus loin paper
/ressources/guides/claude-pme section 9 Pour aller plus loin paper-2

Aperçu

Comment l'utiliser

Intention

Présenter les capacités

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Survol Défilement

Éléments

Cartes

Mise en page

1 colonne

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
pad_block Contenu text Non · ·
kicker Contenu text Non fr / en ·
cards Contenu array Oui · 2..3

Déclinaisons · 17

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.

  • Cartes liées · papier 2

    curée
    related-cards-band--paper-2

  • Cartes liées · papier 3

    curée
    related-cards-band--paper-3

  • Cartes liées · encre

    curée
    related-cards-band--ink

  • related-cards-band · grille uniforme

    générée
    related-cards-band--grid-uniform

  • related-cards-band · grille auto

    générée
    related-cards-band--grid-auto

  • related-cards-band · grille asymétrique

    générée
    related-cards-band--grid-asym

  • related-cards-band · liste

    générée
    related-cards-band--list

  • related-cards-band · lignes séparées

    générée
    related-cards-band--rows-divided

  • related-cards-band · bento vedette

    générée
    related-cards-band--bento-feature

  • related-cards-band · vedette + split

    générée
    related-cards-band--featured-split

  • related-cards-band · deux colonnes

    générée
    related-cards-band--two-col

  • related-cards-band · alternance

    générée
    related-cards-band--alternating

  • related-cards-band · jeu de cartes

    générée
    related-cards-band--cards-deck

  • related-cards-band · liste média à gauche

    générée
    related-cards-band--list-media-left

  • related-cards-band · grille 3 + vedette

    générée
    related-cards-band--grid-3-featured

Comparer les déclinaisons · 15

Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.

  • Cartes liées · papier 2

    curée
    related-cards-band--paper-2
    background:paper-2
    Ouvrir dans le builder

  • Cartes liées · papier 3

    curée
    related-cards-band--paper-3
    background:paper-3
    Ouvrir dans le builder

  • Cartes liées · encre

    curée
    related-cards-band--ink
    background:ink
    Ouvrir dans le builder

  • related-cards-band · grille uniforme

    générée
    related-cards-band--grid-uniform
    layout:grid-uniform
    Ouvrir dans le builder

  • related-cards-band · grille auto

    générée
    related-cards-band--grid-auto
    layout:grid-auto
    Ouvrir dans le builder

  • related-cards-band · grille asymétrique

    générée
    related-cards-band--grid-asym
    layout:grid-asym
    Ouvrir dans le builder

  • related-cards-band · liste

    générée
    related-cards-band--list
    layout:list
    Ouvrir dans le builder

  • related-cards-band · lignes séparées

    générée
    related-cards-band--rows-divided
    layout:rows-divided
    Ouvrir dans le builder

  • related-cards-band · bento vedette

    générée
    related-cards-band--bento-feature
    layout:bento-feature
    Ouvrir dans le builder

  • related-cards-band · vedette + split

    générée
    related-cards-band--featured-split
    layout:featured-split
    Ouvrir dans le builder

  • related-cards-band · deux colonnes

    générée
    related-cards-band--two-col
    layout:two-col
    Ouvrir dans le builder

  • related-cards-band · alternance

    générée
    related-cards-band--alternating
    layout:alternating
    Ouvrir dans le builder

  • related-cards-band · jeu de cartes

    générée
    related-cards-band--cards-deck
    layout:cards-deck
    Ouvrir dans le builder

  • related-cards-band · liste média à gauche

    générée
    related-cards-band--list-media-left
    layout:list-media-left
    Ouvrir dans le builder

  • related-cards-band · grille 3 + vedette

    générée
    related-cards-band--grid-3-featured
    layout:grid-3-featured
    Ouvrir dans le builder

Sections liées

Même famille

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 18 décl.
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 31 décl.
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 17 décl.
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 16 décl.
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 17 décl.
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 29 décl.

Même catégorie

architecture-diagram stable

Diagramme d'architecture signature : N canaux d'entrée vers un système central et M sorties, avec boucle d'amélioration continue.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +1 23 décl.
bento-grid stable

Mosaique bento asymetrique de 5 cellules (1 grande 2x2 + 4 petites) pour valoriser les capacites cles avec une mise en page moderne.

bento Feature Sections IcônesCartesListe +1 26 décl.
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 16 décl.
coming-soon-pills stable

Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.

list Feature Sections ListeBadge1 colonne 16 décl.
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 17 décl.
decision-list stable

Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.

list Feature Sections Apparition au scrollDéfilementListe +1 17 décl.

Similaires

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 17 décl.
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 21 décl.
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 17 décl.
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 17 décl.
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 17 décl.
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 17 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "related-cards-band",
  "kicker_fr": "§ Connexes",
  "kicker_en": "§ Related",
  "cards": [
    {
      "kicker_fr": "CASE 01",
      "kicker_en": "CASE 01",
      "title_fr": "Scale-up SaaS B2B",
      "title_en": "B2B SaaS scale-up",
      "lead_fr": "Pipeline réactivé avec qualification automatisée.",
      "lead_en": "Pipeline reactivated with automated qualification.",
      "href": "/cas-clients"
    },
    {
      "kicker_fr": "OFFRE 02",
      "kicker_en": "OFFER 02",
      "title_fr": "Growth System IA",
      "title_en": "AI Growth System",
      "lead_fr": "8 à 12 semaines pour câbler acquisition, CRM et contenu.",
      "lead_en": "8 to 12 weeks to wire acquisition, CRM, and content.",
      "href": "/services"
    },
    {
      "kicker_fr": "GUIDE",
      "kicker_en": "GUIDE",
      "title_fr": "Audit IA en 10 jours",
      "title_en": "10-day AI audit",
      "lead_fr": "Le protocole pour décider quoi automatiser sans théâtre.",
      "lead_en": "The protocol for deciding what to automate without theatre.",
      "href": "#"
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/related-cards-band.json

Chemin du détail machine

/library/section/related-cards-band.json