Waimia.

Feature Sections

feature-accordion

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

Features en progressive disclosure : accordéon natif <details>, chaque item ouvre un détail explicatif et une métadonnée optionnelle. Premier item ouvrable par défaut.

Instances sur le site

Global 0 instance en page composable

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

Aperçu

Comment l'utiliser

Rôle de page

Modèle de contenu

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 ·
lede Contenu text Non fr / en ·
open_first Contenu bool Non · ·
items Contenu array Oui · 2..8

Déclinaisons · 8

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé.

  • feature-accordion · accordéon simple

    générée
    feature-accordion--accordion-single
  • feature-accordion · accordéon 2 colonnes

    générée
    feature-accordion--accordion-two-col
  • feature-accordion · liste ouverte

    générée
    feature-accordion--list-open
  • feature-accordion · grille

    générée
    feature-accordion--grid
  • feature-accordion · avec aparté CTA

    générée
    feature-accordion--with-aside-cta
  • feature-accordion · 2 colonnes ouvert

    générée
    feature-accordion--two-col-open
  • feature-accordion · par catégories

    générée
    feature-accordion--categorized
  • feature-accordion · FAQ avec recherche

    générée
    feature-accordion--search-faq

Comparer les déclinaisons · 8

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.

  • feature-accordion · accordéon simple

    générée
    feature-accordion--accordion-single
    layout:accordion-single
    Ouvrir dans le builder
  • feature-accordion · accordéon 2 colonnes

    générée
    feature-accordion--accordion-two-col
    layout:accordion-two-col
    Ouvrir dans le builder
  • feature-accordion · liste ouverte

    générée
    feature-accordion--list-open
    layout:list-open
    Ouvrir dans le builder
  • feature-accordion · grille

    générée
    feature-accordion--grid
    layout:grid
    Ouvrir dans le builder
  • feature-accordion · avec aparté CTA

    générée
    feature-accordion--with-aside-cta
    layout:with-aside-cta
    Ouvrir dans le builder
  • feature-accordion · 2 colonnes ouvert

    générée
    feature-accordion--two-col-open
    layout:two-col-open
    Ouvrir dans le builder
  • feature-accordion · par catégories

    générée
    feature-accordion--categorized
    layout:categorized
    Ouvrir dans le builder
  • feature-accordion · FAQ avec recherche

    générée
    feature-accordion--search-faq
    layout:search-faq
    Ouvrir dans le builder

Sections liées

Même famille

faq-accordion stable

FAQ en accordéon pour répondre aux questions fréquentes sans surcharger la page.

accordion FAQ Sections Déplier / replierClic (bascule)Illustration au trait +2 14 décl.
faq-cta-aside stable

FAQ en accordéon à gauche et panneau de réassurance avec CTA collant à droite, pour transformer une FAQ passive en capture de lead.

accordion FAQ Sections Déplier / replierApparition au scrollDéfilement +7 13 décl.
faq-two-column stable

FAQ en deux colonnes statiques (question en gras, réponse en dessous), sans accordéon. Pensée pour le scan rapide quand toutes les réponses doivent être visibles d’emblée.

accordion FAQ Sections Liste2 colonnes 12 décl.
objection-handler stable

Bloc de traitement des objections pour lever les freins et rassurer avant conversion.

accordion FAQ Sections Liste2 colonnesMédia à droite +1 8 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

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.
inclusions-list stable

Liste d'inclusions inline séparée par point médian pour expliciter le périmètre d'un engagement.

list Feature Sections Liste1 colonne 17 décl.
manifesto-block stable

Bloc manifeste intercalary : kicker mono § + grand bloc display italique sans box, span accent terracotta, respiration éditoriale forte.

quote Feature Sections Apparition au scrollDéfilement1 colonne 16 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.
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.

Code

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

{
  "type": "feature-accordion",
  "kicker_fr": "Le système",
  "kicker_en": "The system",
  "h2_fr": "Quatre briques, <i>une</i> activation continue.",
  "h2_en": "Four building blocks, <i>one</i> continuous activation.",
  "lede_fr": "Chaque brique se déploie seule mais prend toute sa valeur assemblée. Ouvrez pour le détail.",
  "lede_en": "Each block ships on its own but compounds once assembled. Open for the detail.",
  "open_first": true,
  "items": [
    {
      "title_fr": "Cartographie du revenue",
      "title_en": "Revenue mapping",
      "body_fr": "On trace le parcours réel du lead au deal, on repère les ruptures et les gisements de pipeline dormant avant d'automatiser quoi que ce soit.",
      "body_en": "We map the real lead-to-deal journey, spotting breaks and dormant pipeline before automating anything.",
      "meta_fr": "Livré en semaine 1",
      "meta_en": "Delivered in week 1"
    },
    {
      "title_fr": "Agents câblés en production",
      "title_en": "Production-wired agents",
      "body_fr": "Des agents IA branchés sur votre stack (CRM, données, outils), routés vers le bon modèle selon la tâche, supervisés et mesurés en continu.",
      "body_en": "AI agents wired into your stack (CRM, data, tools), routed to the right model per task, supervised and measured continuously.",
      "meta_fr": "Mesuré sur le pipeline réel",
      "meta_en": "Measured on real pipeline"
    },
    {
      "title_fr": "Transfert de compétence",
      "title_en": "Skill transfer",
      "body_fr": "Vos équipes apprennent à opérer et faire évoluer le système. Vous possédez le code et les workflows, sans dépendance à un prestataire.",
      "body_en": "Your teams learn to operate and evolve the system. You own the code and workflows, with no vendor lock-in.",
      "meta_fr": "Documentation et runbooks inclus",
      "meta_en": "Documentation and runbooks included"
    },
    {
      "title_fr": "Boucle de mesure",
      "title_en": "Measurement loop",
      "body_fr": "Chaque itération se valide sur des chiffres : conversion, vélocité, pipeline ouvert. On garde ce qui performe, on coupe le reste.",
      "body_en": "Every iteration is validated on numbers: conversion, velocity, open pipeline. We keep what performs, cut the rest."
    }
  ]
}

Pour un agent / MCP

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

/library/section/feature-accordion.json

Chemin du détail machine

/library/section/feature-accordion.json