Feature Sections
decision-list
stable Bibliothèque Contenu inline (instance)Présenter les capacités
Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.
Instances sur le site
Global 14 instances sur 14 pages
| Page | Position | Contenu | Variante |
|---|---|---|---|
| /demonstrations/avant-apres | section 5 | Six signaux qui trahissent un site figé | paper |
| /demonstrations/integration-claude | section 5 | Six questions pour repérer le bon candidat | paper |
| /demonstrations/site-web-intelligent | section 5 | Six questions pour le savoir | paper |
| /implantations/bordeaux | section 5 | Waimia est pour vous si vous vous reconnaissez | paper |
| /implantations/montpellier | section 5 | Six signes qu'un studio IA local vous aiderait | paper |
| /ressources/comparatifs/claude-code-vs-cursor | section 5 | Le bon outil selon votre situation | paper |
| /ressources/comparatifs/claude-vs-chatgpt-pme | section 5 | Choisir selon votre besoin | paper |
| /ressources/comparatifs/geo-vs-seo | section 5 | Six repères pour doser GEO et SEO | paper |
| /ressources/comparatifs/site-web-intelligent-vs-wordpress | section 6 | Le bon outil dépend de votre ambition | paper |
| /ressources/diagnostics/claude-pme | section 7 | Six questions pour jauger votre préparation | paper |
| /ressources/diagnostics/maturite-ia | section 7 | Six questions pour situer votre maturité | paper |
| /ressources/diagnostics/referent-ia | section 7 | Six questions pour trancher | paper |
| /ressources/diagnostics/site-web-intelligent | section 6 | Six questions pour situer votre site | paper |
| /ressources/guides/claude-pme | section 8 | Six questions pour partir du bon pied | paper |
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 | Oui | fr / en | · |
heading | Contenu | text | Oui | fr / en | · |
items | Contenu | array | Oui | · | 1..12 |
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é.
-
Liste de décision · papier 2
curéedecision-list--paper-2 -
Liste de décision · papier 3
curéedecision-list--paper-3 -
Liste de décision · encre
curéedecision-list--ink -
decision-list · grille uniforme
généréedecision-list--grid-uniform -
decision-list · grille auto
généréedecision-list--grid-auto -
decision-list · grille asymétrique
généréedecision-list--grid-asym -
decision-list · liste
généréedecision-list--list -
decision-list · lignes séparées
généréedecision-list--rows-divided -
decision-list · bento vedette
généréedecision-list--bento-feature -
decision-list · vedette + split
généréedecision-list--featured-split -
decision-list · deux colonnes
généréedecision-list--two-col -
decision-list · alternance
généréedecision-list--alternating -
decision-list · jeu de cartes
généréedecision-list--cards-deck -
decision-list · liste média à gauche
généréedecision-list--list-media-left -
decision-list · grille 3 + vedette
généréedecision-list--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.
-
Liste de décision · papier 2
curéedecision-list--paper-2background:paper-2Ouvrir dans le builder -
Liste de décision · papier 3
curéedecision-list--paper-3background:paper-3Ouvrir dans le builder -
Liste de décision · encre
curéedecision-list--inkbackground:inkOuvrir dans le builder -
decision-list · grille uniforme
généréedecision-list--grid-uniformlayout:grid-uniformOuvrir dans le builder -
decision-list · grille auto
généréedecision-list--grid-autolayout:grid-autoOuvrir dans le builder -
decision-list · grille asymétrique
généréedecision-list--grid-asymlayout:grid-asymOuvrir dans le builder -
decision-list · liste
généréedecision-list--listlayout:listOuvrir dans le builder -
decision-list · lignes séparées
généréedecision-list--rows-dividedlayout:rows-dividedOuvrir dans le builder -
decision-list · bento vedette
généréedecision-list--bento-featurelayout:bento-featureOuvrir dans le builder -
decision-list · vedette + split
généréedecision-list--featured-splitlayout:featured-splitOuvrir dans le builder -
decision-list · deux colonnes
généréedecision-list--two-collayout:two-colOuvrir dans le builder -
decision-list · alternance
généréedecision-list--alternatinglayout:alternatingOuvrir dans le builder -
decision-list · jeu de cartes
généréedecision-list--cards-decklayout:cards-deckOuvrir dans le builder -
decision-list · liste média à gauche
généréedecision-list--list-media-leftlayout:list-media-leftOuvrir dans le builder -
decision-list · grille 3 + vedette
généréedecision-list--grid-3-featuredlayout:grid-3-featuredOuvrir dans le builder
Sections liées
Même famille
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.curriculum-timeline stable Bloc curriculum : entete + frise verticale (experience / formation / distinctions) sur fond paper-2. Compose l’atome Timeline.
Apparition au scrollFrise chronologique1 colonne 15 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.learning-path-list stable Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).
1 colonne 17 décl.list-index-section stable Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.
Apparition au scrollDéfilement1 colonne 17 décl.numbered-layer-list stable Liste de couches numerotees : rang serif accent + titre + intro + sous-puces « → ». Ideale pour presenter une stack, des livrables ou des rangs par couche.
Apparition au scrollDéfilementListe +2 18 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.deliverables-grid stable Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.
Apparition au scrollSurvolDéfilement +4 29 décl.Similaires
service-catalog-list stable Liste-catalogue éditoriale de services en lignes (§ numéro, titre display, description, méta durée, flèche) avec footer CTA optionnel.
Apparition au scrollSurvolDéfilement +1 17 décl.persona-attributes-grid stable Grille persona 2×2 pain points / critères / objections / preuves avec footer méta sombre en trois colonnes.
Liste3 colonnes 18 décl.use-case-index stable Index éditorial de cas d'usage en lignes numérotées avec libellé italique, tag mono et lien d'ancrage solution.
Apparition au scrollSurvolDéfilement +2 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.
ListeCartes3 colonnes 18 décl.editorial-preview stable Index éditorial de publications en lignes numérotées (num · date · tag · titre italique · flèche), extrait de FieldNotes.
Apparition au scrollSurvolDéfilement +3 17 décl.guarantee-block stable Bloc garantie pour expliciter les engagements, réduire le risque perçu et rassurer.
Liste2 colonnesMédia à droite +1 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "decision-list",
"kicker_fr": "Arbre de décision",
"kicker_en": "Decision tree",
"heading_fr": "<i>Quel service</i><br/>pour vous ?",
"heading_en": "<i>Which service</i><br/>for you?",
"items": [
{
"label_fr": "Vous ne savez pas par où commencer : Audit de maturité IA.",
"label_en": "You do not know where to start: AI Readiness Assessment."
},
{
"label_fr": "Vous devez faire valider un budget : Cadrage & feuille de route IA.",
"label_en": "You need to get a budget approved: Strategic Scoping & AI Roadmap."
},
{
"label_fr": "Vos données ou votre CRM ne sont pas fiables : Gouvernance & qualité des données.",
"label_en": "Your data or your CRM is not reliable: Data Governance & Quality."
}
]
}/library/section/decision-list.json
Chemin du détail machine
/library/section/decision-list.json