Utility Sections
welcome-section
stable Bibliothèque Contenu inline (instance)Orienter / naviguer
Écran de confirmation post-conversion avec checkmark, message central, trois prochaines étapes et lien retour.
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 | Oui | fr / en | · |
h1 | Contenu | text | Oui | fr / en | · |
lede | Contenu | text | Oui | fr / en | · |
next_steps | Contenu | array | Oui | · | 1..3 |
back_label | Contenu | text | Non | fr / en | · |
back_href | Contenu | url | Non | · | · |
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.
-
Confirmation · papier 2
curéewelcome-section--paper-2 -
Confirmation · papier 3
curéewelcome-section--paper-3 -
Confirmation · encre
curéewelcome-section--ink -
welcome-section · prose
généréewelcome-section--prose -
welcome-section · deux colonnes
généréewelcome-section--two-col -
welcome-section · liste
généréewelcome-section--list -
welcome-section · lignes séparées
généréewelcome-section--rows-divided -
welcome-section · chapeau + aparté
généréewelcome-section--lead-aside -
welcome-section · lettrine
généréewelcome-section--drop-cap -
welcome-section · citation détachée
généréewelcome-section--pull-quote -
welcome-section · énoncé centré
généréewelcome-section--centered-statement -
welcome-section · note de marge
généréewelcome-section--sidenote -
welcome-section · prose numérotée
généréewelcome-section--numbered-prose -
welcome-section · chapeau 2 colonnes
généréewelcome-section--two-col-lead -
welcome-section · grand énoncé
généréewelcome-section--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.
-
Confirmation · papier 2
curéewelcome-section--paper-2background:paper-2Ouvrir dans le builder -
Confirmation · papier 3
curéewelcome-section--paper-3background:paper-3Ouvrir dans le builder -
Confirmation · encre
curéewelcome-section--inkbackground:inkOuvrir dans le builder -
welcome-section · prose
généréewelcome-section--proselayout:proseOuvrir dans le builder -
welcome-section · deux colonnes
généréewelcome-section--two-collayout:two-colOuvrir dans le builder -
welcome-section · liste
généréewelcome-section--listlayout:listOuvrir dans le builder -
welcome-section · lignes séparées
généréewelcome-section--rows-dividedlayout:rows-dividedOuvrir dans le builder -
welcome-section · chapeau + aparté
généréewelcome-section--lead-asidelayout:lead-asideOuvrir dans le builder -
welcome-section · lettrine
généréewelcome-section--drop-caplayout:drop-capOuvrir dans le builder -
welcome-section · citation détachée
généréewelcome-section--pull-quotelayout:pull-quoteOuvrir dans le builder -
welcome-section · énoncé centré
généréewelcome-section--centered-statementlayout:centered-statementOuvrir dans le builder -
welcome-section · note de marge
généréewelcome-section--sidenotelayout:sidenoteOuvrir dans le builder -
welcome-section · prose numérotée
généréewelcome-section--numbered-proselayout:numbered-proseOuvrir dans le builder -
welcome-section · chapeau 2 colonnes
généréewelcome-section--two-col-leadlayout:two-col-leadOuvrir dans le builder -
welcome-section · grand énoncé
généréewelcome-section--statement-biglayout:statement-bigOuvrir 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.
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.
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é.
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.
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.
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.
1 colonne 16 décl.Similaires
used-service-callout stable Encadre compact « offre(s) utilisee(s) » : liste de cross-liens vers les services mobilises sur un projet, bord gauche accent.
SurvolListe1 colonne 17 décl.breadcrumb-bar stable Fil d'Ariane « classic » : barre de navigation standard (ol mono uppercase, séparateurs /), posée sous le header fixe. Modèle sobre de la catégorie breadcrumb, à côté du modèle éditorial masthead-bar. 100% DS-driven.
1 colonne 5 décl.course-catalog-table stable Tableau du catalogue formations : titre de section et lignes (#, titre, niveau en pill, durée, prix, flèche), une formation par ligne.
SurvolBadgeMulti-colonnes 12 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.masthead-bar stable Bande de chrome haut : fil d'Ariane intégré au masthead éditorial (méta lieu, édition, statut), posée sous le header fixe et au-dessus du hero. Composant autonome, universel (home incluse). Variante paper et ink.
1 colonne 13 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.Code
Données de la section (à placer dans sections[])
{
"type": "welcome-section",
"kicker_fr": "§ Audit · Confirmation",
"kicker_en": "§ Audit · Confirmation",
"h1_fr": "Votre demande est <i>bien reçue</i>.",
"h1_en": "Your request is <i>confirmed</i>.",
"lede_fr": "On revient avec une première lecture opérationnelle et les trois actions à préparer avant l’échange.",
"lede_en": "We come back with a first operational read and the three actions to prepare before the call.",
"next_steps": [
{
"num": "1",
"title_fr": "Vérifier le contexte",
"title_en": "Confirm context",
"body_fr": "Regroupez les liens utiles : site, CRM, tunnel, documents internes ou exemples de livrables.",
"body_en": "Collect useful links: website, CRM, funnel, internal docs, or sample deliverables."
},
{
"num": "2",
"title_fr": "Identifier le point bloquant",
"title_en": "Name the bottleneck",
"body_fr": "Choisissez un problème concret : qualification, contenu, relance, reporting ou support.",
"body_en": "Pick one concrete problem: qualification, content, follow-up, reporting, or support."
},
{
"num": "3",
"title_fr": "Préparer la décision",
"title_en": "Prepare the decision",
"body_fr": "Listez qui doit valider le premier système et quels critères prouvent que ça marche.",
"body_en": "List who validates the first system and which criteria prove it works.",
"ctaLabel": "Voir la méthode",
"ctaHref": "/agence/methode"
}
]
}/library/section/welcome-section.json
Chemin du détail machine
/library/section/welcome-section.json