Feature Sections

editorial-split-grid

stable Sur waimia · 2 Contenu inline (instance)

Présenter les capacités

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

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/pages/en/ressources/index.astro
src/pages/ressources/index.astro

Aperçu

Comment l'utiliser

Intention

Présenter les capacités

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`left`	Contenu	`object`	Oui	·	·
`right`	Contenu	`object`	Oui	·	·

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

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

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

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

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

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.

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.

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.

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.

Code

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

{
  "type": "editorial-split-grid",
  "left": {
    "slot": "left",
    "kicker_fr": "§ Blog · notes longues",
    "kicker_en": "§ Blog · long notes",
    "h2_fr": "Une <i>note</i> à la fois.",
    "h2_en": "One <i>note</i> at a time.",
    "lede_fr": "Pas de calendrier éditorial. On publie quand on a vraiment quelque chose à dire.",
    "lede_en": "No editorial calendar. We publish when there is something worth saying.",
    "cards": [
      {
        "kicker": "NOTE 01",
        "title_fr": "Pourquoi les agents IA échouent en PME",
        "title_en": "Why AI agents fail in SMBs",
        "lead_fr": "La dette de process précède la dette technique.",
        "lead_en": "Process debt comes before technical debt.",
        "href": "/blog/essai-pillar-ia-pme-2026"
      },
      {
        "kicker": "NOTE 02",
        "title_fr": "Le CRM comme mémoire opérationnelle",
        "title_en": "CRM as operational memory",
        "lead_fr": "Une stack utile commence par une mémoire propre.",
        "lead_en": "A useful stack starts with clean memory.",
        "href": "/blog/cabler-son-crm-en-10-jours"
      },
      {
        "kicker": "NOTE 03",
        "title_fr": "Agent IA ou automatisation classique",
        "title_en": "AI agent vs classic automation",
        "lead_fr": "Choisir le bon outil avant d’écrire la moindre règle.",
        "lead_en": "Pick the right tool before writing a single rule.",
        "href": "/blog/agent-ia-vs-automatisation-classique-2026"
      }
    ],
    "cta": {
      "label_fr": "Tous les articles →",
      "label_en": "All articles →",
      "href": "/blog",
      "variant": "ghost"
    }
  },
  "right": {
    "slot": "right",
    "kicker_fr": "§ Livres blancs · documents PDF",
    "kicker_en": "§ White papers · PDF documents",
    "h2_fr": "Un <i>document</i> par sujet.",
    "h2_en": "One <i>document</i> per topic.",
    "lede_fr": "Téléchargeable sans formulaire. Cité par nos clients en comité de direction.",
    "lede_en": "Downloadable without a form. Used by clients in leadership committees.",
    "cards": [
      {
        "kicker": "PDF 01",
        "title_fr": "Audit IA marketing",
        "title_en": "Marketing AI audit",
        "lead_fr": "La grille terrain pour prioriser sans théâtre.",
        "lead_en": "The field grid for prioritizing without theatrics.",
        "href": "/blog"
      },
      {
        "kicker": "PDF 02",
        "title_fr": "Agents IA et gouvernance",
        "title_en": "AI agents and governance",
        "lead_fr": "Droits, données, supervision, reprise humaine.",
        "lead_en": "Rights, data, supervision, human handoff.",
        "href": "/blog"
      },
      {
        "kicker": "PDF 03",
        "title_fr": "Stack revenue IA",
        "title_en": "AI revenue stack",
        "lead_fr": "Relier site, CRM, contenu et pilotage.",
        "lead_en": "Connect website, CRM, content, and dashboards.",
        "href": "/blog"
      }
    ],
    "cta": {
      "label_fr": "Tous les livres blancs →",
      "label_en": "All white papers →",
      "href": "/blog",
      "variant": "ghost"
    }
  }
}

Pour un agent / MCP

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

/library/section/editorial-split-grid.json

Chemin du détail machine

/library/section/editorial-split-grid.json