Feature Sections

challenges-grid

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

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.

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

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
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`items`	Contenu	`array`	Oui	·	2..4

Déclinaisons · 16

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

Grille d'enjeux · papier 3
curée
challenges-grid--paper-3
Grille d'enjeux · encre
curée
challenges-grid--ink
challenges-grid · grille uniforme
générée
challenges-grid--grid-uniform
challenges-grid · grille auto
générée
challenges-grid--grid-auto
challenges-grid · grille asymétrique
générée
challenges-grid--grid-asym
challenges-grid · liste
générée
challenges-grid--list
challenges-grid · lignes séparées
générée
challenges-grid--rows-divided
challenges-grid · bento vedette
générée
challenges-grid--bento-feature
challenges-grid · vedette + split
générée
challenges-grid--featured-split
challenges-grid · deux colonnes
générée
challenges-grid--two-col
challenges-grid · alternance
générée
challenges-grid--alternating
challenges-grid · jeu de cartes
générée
challenges-grid--cards-deck
challenges-grid · liste média à gauche
générée
challenges-grid--list-media-left
challenges-grid · grille 3 + vedette
générée
challenges-grid--grid-3-featured

Comparer les déclinaisons · 14

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

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.

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

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.

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.

Similaires

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.

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.

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

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.

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

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

Code

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

{
  "type": "challenges-grid",
  "background": "paper-2",
  "kicker_fr": "Le problème",
  "kicker_en": "The problem",
  "h2_fr": "Pourquoi votre site <i class=\"acc\">stagne</i>",
  "h2_en": "Why your site <i class=\"acc\">stalls</i>",
  "items": [
    {
      "icon": "📉",
      "title_fr": "Trafic en berne",
      "title_en": "Stalling traffic",
      "body_fr": "Les pages ne se positionnent plus et le trafic organique décroche, sans cause évidente.",
      "body_en": "Pages no longer rank and organic traffic slips, with no obvious cause."
    },
    {
      "icon": "🗂️",
      "title_fr": "Contenu non maintenu",
      "title_en": "Stale content",
      "body_fr": "Les articles vieillissent, personne ne les met à jour, et le site perd sa fraîcheur.",
      "body_en": "Articles age, nobody updates them, and the site loses its freshness."
    },
    {
      "icon": "🤖",
      "title_fr": "Invisible des IA",
      "title_en": "Invisible to AI",
      "body_fr": "Les moteurs génératifs ne citent pas votre marque faute de signaux GEO clairs.",
      "body_en": "Generative engines never cite your brand for lack of clear GEO signals."
    },
    {
      "icon": "📊",
      "title_fr": "ROI éditorial flou",
      "title_en": "Fuzzy editorial ROI",
      "body_fr": "Vous produisez du contenu sans savoir ce qui convertit ni où réinvestir.",
      "body_en": "You ship content without knowing what converts or where to reinvest."
    }
  ]
}

Pour un agent / MCP

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

/library/section/challenges-grid.json

Chemin du détail machine

/library/section/challenges-grid.json