Content Listing Sections

resource-card-grid

stable Bibliothèque Contenu inline (instance)

Orienter / naviguer

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

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

Aperçu

Comment l'utiliser

Intention

Orienter / naviguer

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Non	fr / en	·
`intro`	Contenu	`text`	Non	fr / en	·
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`columns`	Présentation	`enum`	Non	·	2 · 3
`resources`	Contenu	`array`	Oui	·	2..9

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é.

Grille de ressources · papier 3
curée
resource-card-grid--paper-3
Grille de ressources · encre
curée
resource-card-grid--ink
Grille de ressources · 2 colonnes
curée
resource-card-grid--cols-2
resource-card-grid · grille uniforme
générée
resource-card-grid--grid-uniform
resource-card-grid · grille auto
générée
resource-card-grid--grid-auto
resource-card-grid · grille asymétrique
générée
resource-card-grid--grid-asym
resource-card-grid · liste
générée
resource-card-grid--list
resource-card-grid · lignes séparées
générée
resource-card-grid--rows-divided
resource-card-grid · bento vedette
générée
resource-card-grid--bento-feature
resource-card-grid · vedette + split
générée
resource-card-grid--featured-split
resource-card-grid · deux colonnes
générée
resource-card-grid--two-col
resource-card-grid · alternance
générée
resource-card-grid--alternating
resource-card-grid · jeu de cartes
générée
resource-card-grid--cards-deck
resource-card-grid · liste média à gauche
générée
resource-card-grid--list-media-left
resource-card-grid · grille 3 + vedette
générée
resource-card-grid--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.

Grille de ressources · papier 3
curée
resource-card-grid--paper-3
background:paper-3
Ouvrir dans le builder
Grille de ressources · encre
curée
resource-card-grid--ink
background:ink
Ouvrir dans le builder
Grille de ressources · 2 colonnes
curée
resource-card-grid--cols-2
columns:2
Ouvrir dans le builder
resource-card-grid · grille uniforme
générée
resource-card-grid--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
resource-card-grid · grille auto
générée
resource-card-grid--grid-auto
layout:grid-auto
Ouvrir dans le builder
resource-card-grid · grille asymétrique
générée
resource-card-grid--grid-asym
layout:grid-asym
Ouvrir dans le builder
resource-card-grid · liste
générée
resource-card-grid--list
layout:list
Ouvrir dans le builder
resource-card-grid · lignes séparées
générée
resource-card-grid--rows-divided
layout:rows-divided
Ouvrir dans le builder
resource-card-grid · bento vedette
générée
resource-card-grid--bento-feature
layout:bento-feature
Ouvrir dans le builder
resource-card-grid · vedette + split
générée
resource-card-grid--featured-split
layout:featured-split
Ouvrir dans le builder
resource-card-grid · deux colonnes
générée
resource-card-grid--two-col
layout:two-col
Ouvrir dans le builder
resource-card-grid · alternance
générée
resource-card-grid--alternating
layout:alternating
Ouvrir dans le builder
resource-card-grid · jeu de cartes
générée
resource-card-grid--cards-deck
layout:cards-deck
Ouvrir dans le builder
resource-card-grid · liste média à gauche
générée
resource-card-grid--list-media-left
layout:list-media-left
Ouvrir dans le builder
resource-card-grid · grille 3 + vedette
générée
resource-card-grid--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

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.

publications-panel stable

Panneau publications d’un profil : entete + callout manifeste + liste de publications + index de ressources recentes + lien « tout voir ».

list Content Listing Sections Apparition au scrollSurvolListe +2 17 décl.

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

signed-writing-list stable

Index chronologique d’ecrits long-form signes : date + titre (lien) + extrait. Date formatee par langue.

list Content Listing Sections Apparition au scrollSurvolListe +1 17 décl.

Similaires

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

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 18 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.

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

related-links stable

Bloc compact de maillage interne : groupes de liens internes contextuels en colonnes, avec petit label de groupe et description optionnelle. Renforce le SEO et oriente la navigation en fin de page.

list Index Sections Apparition au scrollSurvolListe +1 17 décl.

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

Code

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

{
  "type": "resource-card-grid",
  "kicker_fr": "[ressources] · à télécharger",
  "kicker_en": "[resources] · downloads",
  "h2_fr": "Des outils, pas des <i class=\"acc\">brochures</i>.",
  "h2_en": "Tools, not <i class=\"acc\">brochures</i>.",
  "intro_fr": "Modèles, cookbooks et audits prêts à l’emploi pour câbler vos premiers workflows IA.",
  "intro_en": "Templates, cookbooks and audits ready to wire your first AI workflows.",
  "background": "paper-2",
  "columns": "3",
  "resources": [
    {
      "kind_fr": "Livre blanc",
      "kind_en": "White paper",
      "title_fr": "IA-first revenue : le guide de câblage",
      "title_en": "AI-first revenue: the wiring guide",
      "desc_fr": "Le cadre complet pour relier acquisition, CRM et contenu.",
      "desc_en": "The full framework to connect acquisition, CRM and content.",
      "format": "PDF · 32 p",
      "href": "/ressources",
      "cta_label_fr": "Télécharger",
      "cta_label_en": "Download",
      "gated": true
    },
    {
      "kind_fr": "Cookbook",
      "kind_en": "Cookbook",
      "title_fr": "12 workflows agents prêts à coller",
      "title_en": "12 agent workflows ready to paste",
      "desc_fr": "Recettes éprouvées pour relances, triage et reporting.",
      "desc_en": "Battle-tested recipes for follow-ups, triage and reporting.",
      "format": "Notion",
      "href": "/ressources",
      "cta_label_fr": "Ouvrir",
      "cta_label_en": "Open",
      "gated": false
    },
    {
      "kind_fr": "Outil",
      "kind_en": "Tool",
      "title_fr": "Calculateur de ROI pipeline",
      "title_en": "Pipeline ROI calculator",
      "desc_fr": "Estimez le pipeline généré selon votre stack et maturité.",
      "desc_en": "Estimate generated pipeline from your stack and maturity.",
      "format": "Web",
      "href": "/ressources",
      "cta_label_fr": "Lancer",
      "cta_label_en": "Launch",
      "gated": false
    }
  ]
}

Pour un agent / MCP

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

/library/section/resource-card-grid.json

Chemin du détail machine

/library/section/resource-card-grid.json