Feature Sections
why-stalls
stable Bibliothèque Contenu inline (instance)Présenter les capacités
Section éditoriale "pourquoi X cale" : chapter label sticky à gauche + N FIG rows à droite avec row-lines.
Instances sur le site
Global 0 instance en page composable
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
chapter_num | Contenu | text | Oui | · | · |
chapter_title | Contenu | text | Oui | fr / en | · |
h2 | Contenu | text | Oui | fr / en | · |
aside_lead | Contenu | text | Oui | fr / en | · |
rows | Contenu | array | Oui | · | 2..8 |
Déclinaisons · 14
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.
-
why-stalls · grille uniforme
généréewhy-stalls--grid-uniform -
why-stalls · grille auto
généréewhy-stalls--grid-auto -
why-stalls · grille asymétrique
généréewhy-stalls--grid-asym -
why-stalls · liste
généréewhy-stalls--list -
why-stalls · lignes séparées
généréewhy-stalls--rows-divided -
why-stalls · bento vedette
généréewhy-stalls--bento-feature -
why-stalls · vedette + split
généréewhy-stalls--featured-split -
why-stalls · deux colonnes
généréewhy-stalls--two-col -
why-stalls · alternance
généréewhy-stalls--alternating -
why-stalls · jeu de cartes
généréewhy-stalls--cards-deck -
why-stalls · liste média à gauche
généréewhy-stalls--list-media-left -
why-stalls · grille 3 + vedette
généréewhy-stalls--grid-3-featured
Comparer les déclinaisons · 12
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.
-
why-stalls · grille uniforme
généréewhy-stalls--grid-uniformlayout:grid-uniformOuvrir dans le builder -
why-stalls · grille auto
généréewhy-stalls--grid-autolayout:grid-autoOuvrir dans le builder -
why-stalls · grille asymétrique
généréewhy-stalls--grid-asymlayout:grid-asymOuvrir dans le builder -
why-stalls · liste
généréewhy-stalls--listlayout:listOuvrir dans le builder -
why-stalls · lignes séparées
généréewhy-stalls--rows-dividedlayout:rows-dividedOuvrir dans le builder -
why-stalls · bento vedette
généréewhy-stalls--bento-featurelayout:bento-featureOuvrir dans le builder -
why-stalls · vedette + split
généréewhy-stalls--featured-splitlayout:featured-splitOuvrir dans le builder -
why-stalls · deux colonnes
généréewhy-stalls--two-collayout:two-colOuvrir dans le builder -
why-stalls · alternance
généréewhy-stalls--alternatinglayout:alternatingOuvrir dans le builder -
why-stalls · jeu de cartes
généréewhy-stalls--cards-decklayout:cards-deckOuvrir dans le builder -
why-stalls · liste média à gauche
généréewhy-stalls--list-media-leftlayout:list-media-leftOuvrir dans le builder -
why-stalls · grille 3 + vedette
généréewhy-stalls--grid-3-featuredlayout:grid-3-featuredOuvrir 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.
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.
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.
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.
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.
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.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
editorial-split-grid stable Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.
Apparition au scrollSurvolDéfilement +4 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.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.feature-grid stable Grille de fonctionnalités pour structurer les bénéfices ou capacités principales d'une offre.
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.
Zoom au survolApparition au scrollSurvol +8 17 décl.problems-grid stable Grille de problèmes/frictions auto-fit (3 cards min) : num + kicker + h3 + body, séparateurs hairline 1px.
Zoom au survolApparition au scrollSurvol +8 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "why-stalls",
"chapter_num": "FIG I · 1.0",
"chapter_title_fr": "Acte I · Le constat",
"chapter_title_en": "Act I · The reckoning",
"h2_fr": "<span>Pourquoi l'IA</span><br /><i>cale</i>.",
"h2_en": "<span>Why AI</span><br /><i>stalls</i>.",
"aside_lead_fr": "Pas faute de modèles. Faute de la couche sans relief qui se trouve dessous.",
"aside_lead_en": "Not for lack of models. For lack of the unglamorous layer underneath.",
"rows": [
{
"fig": "FIG 1.1",
"text_fr": "Une PME en croissance manque rarement d'outils. Elle manque de continuité entre CRM, boîtes mail, tableurs et site.",
"text_en": "A growing SMB rarely lacks tools. It lacks continuity between the CRM, inboxes, spreadsheets, and the site."
},
{
"fig": "FIG 1.2",
"text_fr": "L'IA sans données métier structurées transforme chaque réponse en pari coûteux.",
"text_en": "AI without structured business data turns every answer into an expensive guess."
},
{
"fig": "FIG 1.3",
"text_fr": "Les projets livrés en moins de 8 semaines gardent l'élan. Après, le vrai risque devient l'adoption.",
"text_en": "Projects that reach production in less than 8 weeks keep momentum. After that, adoption usually becomes the real risk."
},
{
"fig": "FIG 1.4",
"text_fr": "Le réflexe de tout refaire trompe souvent. L'argent fuit dans les passations : lead vers CRM, CRM vers vente, vente vers livraison.",
"text_en": "The rebuild reflex is usually wrong. The money leaks in handoffs: lead to CRM, CRM to sales, sales to delivery."
}
]
}/library/section/why-stalls.json
Chemin du détail machine
/library/section/why-stalls.json