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
Aperçu
Comment l'utiliser
| 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éefeature-accordion--accordion-single -
feature-accordion · accordéon 2 colonnes
généréefeature-accordion--accordion-two-col -
feature-accordion · liste ouverte
généréefeature-accordion--list-open -
feature-accordion · grille
généréefeature-accordion--grid -
feature-accordion · avec aparté CTA
généréefeature-accordion--with-aside-cta -
feature-accordion · 2 colonnes ouvert
généréefeature-accordion--two-col-open -
feature-accordion · par catégories
généréefeature-accordion--categorized -
feature-accordion · FAQ avec recherche
généréefeature-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éefeature-accordion--accordion-singlelayout:accordion-singleOuvrir dans le builder -
feature-accordion · accordéon 2 colonnes
généréefeature-accordion--accordion-two-collayout:accordion-two-colOuvrir dans le builder -
feature-accordion · liste ouverte
généréefeature-accordion--list-openlayout:list-openOuvrir dans le builder -
feature-accordion · grille
généréefeature-accordion--gridlayout:gridOuvrir dans le builder -
feature-accordion · avec aparté CTA
généréefeature-accordion--with-aside-ctalayout:with-aside-ctaOuvrir dans le builder -
feature-accordion · 2 colonnes ouvert
généréefeature-accordion--two-col-openlayout:two-col-openOuvrir dans le builder -
feature-accordion · par catégories
généréefeature-accordion--categorizedlayout:categorizedOuvrir dans le builder -
feature-accordion · FAQ avec recherche
généréefeature-accordion--search-faqlayout:search-faqOuvrir 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.
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.
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.
Liste2 colonnes 12 décl.objection-handler stable Bloc de traitement des objections pour lever les freins et rassurer avant conversion.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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."
}
]
}/library/section/feature-accordion.json
Chemin du détail machine
/library/section/feature-accordion.json