Feature Sections

problem-statement

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

Énoncé macro-typographique du problème avec stats optionnelles en grille hairline.

Instances sur le site

Global 1 instance sur 1 page

Page	Position	Contenu	Variante
/services/template-service-ref	`section 3`	Définition	paper

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`	Oui	fr / en	·
`statement`	Contenu	`text`	Oui	fr / en	·
`dropcap`	Contenu	`bool`	Non	·	·
`stats`	Contenu	`array`	Non	·	0..4

Déclinaisons · 15

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 12 générées.

Énoncé du problème · papier 2
curée
problem-statement--paper-2
Énoncé du problème · papier 3
curée
problem-statement--paper-3
Énoncé du problème · encre
curée
problem-statement--ink
problem-statement · prose
générée
problem-statement--prose
problem-statement · deux colonnes
générée
problem-statement--two-col
problem-statement · liste
générée
problem-statement--list
problem-statement · lignes séparées
générée
problem-statement--rows-divided
problem-statement · chapeau + aparté
générée
problem-statement--lead-aside
problem-statement · lettrine
générée
problem-statement--drop-cap
problem-statement · citation détachée
générée
problem-statement--pull-quote
problem-statement · énoncé centré
générée
problem-statement--centered-statement
problem-statement · note de marge
générée
problem-statement--sidenote
problem-statement · prose numérotée
générée
problem-statement--numbered-prose
problem-statement · chapeau 2 colonnes
générée
problem-statement--two-col-lead
problem-statement · grand énoncé
générée
problem-statement--statement-big

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.

Énoncé du problème · papier 2
curée
problem-statement--paper-2
background:paper-2
Ouvrir dans le builder
Énoncé du problème · papier 3
curée
problem-statement--paper-3
background:paper-3
Ouvrir dans le builder
Énoncé du problème · encre
curée
problem-statement--ink
background:ink
Ouvrir dans le builder
problem-statement · prose
générée
problem-statement--prose
layout:prose
Ouvrir dans le builder
problem-statement · deux colonnes
générée
problem-statement--two-col
layout:two-col
Ouvrir dans le builder
problem-statement · liste
générée
problem-statement--list
layout:list
Ouvrir dans le builder
problem-statement · lignes séparées
générée
problem-statement--rows-divided
layout:rows-divided
Ouvrir dans le builder
problem-statement · chapeau + aparté
générée
problem-statement--lead-aside
layout:lead-aside
Ouvrir dans le builder
problem-statement · lettrine
générée
problem-statement--drop-cap
layout:drop-cap
Ouvrir dans le builder
problem-statement · citation détachée
générée
problem-statement--pull-quote
layout:pull-quote
Ouvrir dans le builder
problem-statement · énoncé centré
générée
problem-statement--centered-statement
layout:centered-statement
Ouvrir dans le builder
problem-statement · note de marge
générée
problem-statement--sidenote
layout:sidenote
Ouvrir dans le builder
problem-statement · prose numérotée
générée
problem-statement--numbered-prose
layout:numbered-prose
Ouvrir dans le builder
problem-statement · chapeau 2 colonnes
générée
problem-statement--two-col-lead
layout:two-col-lead
Ouvrir dans le builder
problem-statement · grand énoncé
générée
problem-statement--statement-big
layout:statement-big
Ouvrir dans le builder

Sections liées

Même famille

author-byline stable

Ligne auteur compacte E-E-A-T sous un h1 d'article : avatar optionnel, nom, rôle, dates de publication et mise à jour, lien vers la page profil. Beaucoup plus léger qu'un hero auteur.

prose Team Sections Apparition au scrollDéfilementImage +2 15 décl.

definition-extract stable

Bloc GEO « format extractible » : kicker mono, gros statement serif avec le terme défini en accent, rangée de pills, puis un bandeau de specs mono. Sobre, fond paper, pensé pour la citation par les moteurs génératifs.

prose Editorial Sections Apparition au scrollDéfilementBadge +3 21 décl.

direct-answer stable

Bloc GEO « réponse directe » en tête de page : reformule une question implicite, définit éventuellement une entité, puis délivre une réponse directe de 2 à 4 phrases en colonne de lecture. Sobre, éditorial, fond alterné.

prose Editorial Sections Badge1 colonne 15 décl.

editorial-callout stable

Encadré éditorial composant l'atome Callout (info, citation, note, avertissement, manifeste) : hairline accent, citation source optionnelle, tailles et alignements. Pour ponctuer une prose.

prose Editorial Sections Citation1 colonne 20 décl.

editorial-dingbat-rule stable

Séparateur ornemental éditorial composant l'atome Dingbat (fleuron, asterisme, fin d'article, règle) : transition entre chapitres avec légendes optionnelles au-dessus et en dessous.

prose Editorial Sections Centré 19 décl.

editorial-dropcap-prose stable

Ouverture d'article éditoriale composant l'atome DropCap : initiale magnifiée (serif, mono ou accent) sur un paragraphe d'accroche, suivie de paragraphes de prose. Pour entrer dans un long-form.

prose Editorial Sections 1 colonne 16 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

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.

persona-attributes-grid stable

Grille persona 2×2 pain points / critères / objections / preuves avec footer méta sombre en trois colonnes.

card-grid Feature Sections Liste3 colonnes 18 décl.

terminal-metrics-strip stable

Strip KPI télémétrie tout mono : 2 à 6 cellules clé/valeur bordées de hairlines, esthétique console (uptime, agents, release), fonds paper, paper-2 ou ink.

band Terminal Sections Chiffres clésBloc de code3 colonnes 16 décl.

guarantee-block stable

Bloc garantie pour expliciter les engagements, réduire le risque perçu et rassurer.

band Feature Sections Liste2 colonnesMédia à droite +1 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.

tech-stack-band stable

Bande stack technologique fond paper-2 avec kicker, lead et rangée de pills techniques.

band Feature Sections Badge1 colonne 16 décl.

Code

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

{
  "type": "problem-statement",
  "kicker_fr": "§ 02 · Le problème",
  "kicker_en": "§ 02 · The problem",
  "statement_fr": "Votre équipe ne manque pas d'outils. Elle manque d'une <i>couche de continuité</i> entre site, CRM, contenu et décisions commerciales.",
  "statement_en": "Your team does not lack tools. It lacks a <i>continuity layer</i> between the site, CRM, content, and commercial decisions.",
  "dropcap": true,
  "stats": [
    {
      "value": "42%",
      "label_fr": "leads sans relance sous 24h",
      "label_en": "leads not followed up within 24h"
    },
    {
      "value": "6",
      "label_fr": "outils avant une décision",
      "label_en": "tools before one decision"
    },
    {
      "value": "0",
      "label_fr": "trace claire des arbitrages IA",
      "label_en": "clear trace of AI decisions"
    }
  ]
}

Pour un agent / MCP

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

/library/section/problem-statement.json

Chemin du détail machine

/library/section/problem-statement.json