Content Sections

editorial-dropcap-prose

stable Bibliothèque Contenu inline (instance)

Expliquer un concept

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.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

Aperçu

Comment l'utiliser

Intention

Expliquer un concept

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`variant`	Présentation	`enum`	Non	·	serif · mono · accent
`lead`	Contenu	`text`	Oui	fr / en	·
`paragraphs`	Contenu	`array`	Non	fr / en	·
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`layout`	Présentation	`text`	Non	·	·
`density`	Présentation	`enum`	Non	·	compact · base · ample
`contentAlign`	Présentation	`enum`	Non	·	start · center · end
`actionsAlign`	Présentation	`enum`	Non	·	start · center · end · spread
`placement`	Présentation	`object`	Non	·	·
`columns`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · 5 · 6 · auto
`colRatio`	Présentation	`enum`	Non	·	equal · 1-2 · 2-1 · 1-1-2 · 2-3 · golden
`itemHeight`	Présentation	`enum`	Non	·	auto · even · square · video
`proportion`	Présentation	`enum`	Non	·	1-1 · 1-2 · 2-1 · 2-3 · 3-2
`mediaSide`	Présentation	`enum`	Non	·	left · right
`surface`	Présentation	`enum`	Non	·	flat · outlined · filled · elevated · ghost
`divider`	Présentation	`enum`	Non	·	none · hairline · rule
`radius`	Présentation	`enum`	Non	·	none · sm · md · lg
`accentEdge`	Présentation	`enum`	Non	·	none · top · left
`colsMobile`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · auto
`colsTablet`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · auto
`layoutMobile`	Présentation	`text`	Non	·	·
`titleScale`	Présentation	`enum`	Non	·	sm · base · lg · xl
`eyebrow`	Présentation	`enum`	Non	·	none · kicker · badge
`justifyContent`	Présentation	`enum`	Non	·	start · center · end · between · around · evenly
`alignItems`	Présentation	`enum`	Non	·	start · center · end · stretch · baseline
`justifyItems`	Présentation	`enum`	Non	·	start · center · end · stretch
`alignContent`	Présentation	`enum`	Non	·	start · center · end · between · stretch
`cellAlignX`	Présentation	`enum`	Non	·	start · center · end
`cellAlignY`	Présentation	`enum`	Non	·	top · middle · bottom · between
`cellPad`	Présentation	`enum`	Non	·	none · sm · base · lg
`mediaFit`	Présentation	`enum`	Non	·	cover · contain
`mediaRatio`	Présentation	`enum`	Non	·	auto · 1-1 · 4-3 · 3-2 · 16-9
`reveal`	Présentation	`enum`	Non	·	none · fade · slide-up · slide-down · slide-left · slide-right · scale-in · blur-in · mask-up
`hover`	Présentation	`enum`	Non	·	none · lift · zoom · glow · border · tint · underline · reveal-cta · media-zoom
`pressFeedback`	Présentation	`enum`	Non	·	none · press
`focusRing`	Présentation	`enum`	Non	·	auto · ring · inset · none
`transitionSpeed`	Présentation	`enum`	Non	·	instant · fast · base · slow
`transitionEase`	Présentation	`enum`	Non	·	standard · out · spring
`selectedState`	Présentation	`enum`	Non	·	none · outline · fill · accent-edge
`openState`	Présentation	`enum`	Non	·	auto
`revealStagger`	Présentation	`bool`	Non	·	·
`revealDelay`	Présentation	`enum`	Non	·	none · sm · md
`loop`	Présentation	`enum`	Non	·	none · marquee · pulse · float
`scrollMotion`	Présentation	`enum`	Non	·	none · parallax · pin · progress
`textMotion`	Présentation	`enum`	Non	·	none · word-stagger · count-up · type-on
`motionSpeed`	Présentation	`enum`	Non	·	fast · base · slow
`motionEase`	Présentation	`enum`	Non	·	standard · out · spring
`pageTransition`	Présentation	`enum`	Non	·	none · fade · slide
`cellBg`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink · ink-2 · ink-3 · accent · none
`cellTone`	Présentation	`enum`	Non	·	ink · muted · accent · accent-text · paper
`tone`	Présentation	`enum`	Non	·	ink · muted · accent · accent-text · paper
`borderTone`	Présentation	`enum`	Non	·	hairline · hairline-strong · accent · none
`textFlow`	Présentation	`enum`	Non	·	horizontal · vertical-rl · vertical-lr · sideways
`textTransform`	Présentation	`enum`	Non	·	none · uppercase · lowercase · capitalize
`rotate`	Présentation	`enum`	Non	·	90 · 180 · none · -90
`objectPosition`	Présentation	`enum`	Non	·	center · top · bottom · left · right
`overflow`	Présentation	`enum`	Non	·	visible · clip · auto
`scrollSnap`	Présentation	`enum`	Non	·	none · proximity · mandatory
`measure`	Présentation	`enum`	Non	·	prose · read · tight · wide · full
`balance`	Présentation	`bool`	Non	·	·
`clamp`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · none
`minHeight`	Présentation	`enum`	Non	·	auto · half · screen
`width`	Présentation	`enum`	Non	·	full · contained · narrow · prose
`headingLevel`	Présentation	`enum`	Non	·	h2 · h3
`ariaLabel`	Présentation	`text`	Non	·	·
`headerAlign`	Présentation	`enum`	Non	·	left · center · right
`headerKind`	Présentation	`enum`	Non	·	none · title · eyebrow-title · eyebrow-title-lede · eyebrow-title-lede-cta
`introRow`	Présentation	`enum`	Non	·	none · lede-aside · desc-media-split · lede-centered
`dividers`	Présentation	`enum`	Non	·	none · column-rules · row-rules · grid-lines
`cardContent`	Présentation	`enum`	Non	·	title · title-desc · icon-title-desc · title-desc-meta · media-title-desc
`cardMedia`	Présentation	`enum`	Non	·	none · icon · image · image-bg
`cardAlign`	Présentation	`enum`	Non	·	left · center
`colorDistribution`	Présentation	`enum`	Non	·	uniform · featured-first · one-accent · alternating
`bgSource`	Présentation	`enum`	Non	·	color · image · gradient
`bgImage`	Présentation	`text`	Non	·	·

Déclinaisons · 16

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

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

Comparer les déclinaisons · 16

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.

Lettrine · accent
curée
editorial-dropcap-prose--accent
variant:accent
Ouvrir dans le builder
Lettrine · mono
curée
editorial-dropcap-prose--mono
variant:mono
Ouvrir dans le builder
Lettrine · papier 2
curée
editorial-dropcap-prose--paper-2
background:paper-2
Ouvrir dans le builder
Lettrine · encre
curée
editorial-dropcap-prose--ink
background:ink
Ouvrir dans le builder
editorial-dropcap-prose · prose
générée
editorial-dropcap-prose--prose
layout:prose
Ouvrir dans le builder
editorial-dropcap-prose · deux colonnes
générée
editorial-dropcap-prose--two-col
layout:two-col
Ouvrir dans le builder
editorial-dropcap-prose · liste
générée
editorial-dropcap-prose--list
layout:list
Ouvrir dans le builder
editorial-dropcap-prose · lignes séparées
générée
editorial-dropcap-prose--rows-divided
layout:rows-divided
Ouvrir dans le builder
editorial-dropcap-prose · chapeau + aparté
générée
editorial-dropcap-prose--lead-aside
layout:lead-aside
Ouvrir dans le builder
editorial-dropcap-prose · lettrine
générée
editorial-dropcap-prose--drop-cap
layout:drop-cap
Ouvrir dans le builder
editorial-dropcap-prose · citation détachée
générée
editorial-dropcap-prose--pull-quote
layout:pull-quote
Ouvrir dans le builder
editorial-dropcap-prose · énoncé centré
générée
editorial-dropcap-prose--centered-statement
layout:centered-statement
Ouvrir dans le builder
editorial-dropcap-prose · note de marge
générée
editorial-dropcap-prose--sidenote
layout:sidenote
Ouvrir dans le builder
editorial-dropcap-prose · prose numérotée
générée
editorial-dropcap-prose--numbered-prose
layout:numbered-prose
Ouvrir dans le builder
editorial-dropcap-prose · chapeau 2 colonnes
générée
editorial-dropcap-prose--two-col-lead
layout:two-col-lead
Ouvrir dans le builder
editorial-dropcap-prose · grand énoncé
générée
editorial-dropcap-prose--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-prose stable

Wrapper de prose éditoriale tokenisé : colonne de lecture (largeur prose ou wide), fond alterné, héberge un contenu long via slot (corps MDX). Préserve la typographie du DS sans réécrire le texte.

prose Editorial Sections 1 colonne 16 décl.

Même catégorie

definition-extract stable

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

direct-answer stable

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-prose stable

prose Editorial Sections 1 colonne 16 décl.

hover-reveal-words stable

Prose editoriale dont certains mots declencheurs revelent une vignette image au survol (desktop, suit le curseur) ou au tap (mobile, vignette inline). Accessible au clavier.

prose Editorial Sections Révélation au survolSurvolClic (bascule) +3 16 décl.

Similaires

rich-text stable

Section de corps riche : un corps Markdown bilingue rendu en HTML au build avec les styles prose du design system. Edition de corps editorial in-context sans backend (le Markdown vit dans le document de page, versionne avec le code). Titres, listes, liens, gras/italique ; mesure de ligne bornee ; variante ink lisible.

prose Editorial Sections Apparition au scrollSurvolListe +1 15 décl.

pain-severity-list stable

Liste éditoriale de pain-points sur fond ink, classés par sévérité : chaque item porte un label severity vertical (mono) et un glyphe (◆▲●○), un titre serif, une description, et une ligne mono « → correctif ». Séparateurs hairline, reveal-stagger.

prose Feature Sections Apparition au scrollDéfilementListe +2 21 décl.

department-stack stable

Stack outils en table éditoriale : en-tête eyebrow et titre display, aside Callout, EditorialTable catégorie/outil/rôle.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 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.

list Editorial Sections Apparition au scrollDéfilementListe +2 18 décl.

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.

editorial-write-feed stable

Feed éditorial en lignes cliquables (EditorialWriteRow) : date, tag, texte et flèche par ligne, tone paper ou ink, lien meta type /feed.xml.

prose Table Sections Apparition au scrollDéfilement1 colonne 14 décl.

Code

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

{
  "type": "editorial-dropcap-prose",
  "background": "paper",
  "variant": "serif",
  "lead_fr": "Le marché de la prospection B2B a basculé en 2026. Ce qui demandait dix personnes se pilote désormais depuis une seule console, et la qualité des données ne dépend plus de la discipline de chacun.",
  "lead_en": "The B2B prospecting market shifted in 2026. What used to take ten people now runs from a single console, and data quality no longer depends on anyone’s discipline.",
  "paragraphs_fr": [
    "Cette bascule tient à une idée simple : séparer la décision de l’exécution. On garde le jugement humain là où il compte, on automatise le reste.",
    "Le reste, justement, représente près de quatre-vingts pour cent du temps d’un commercial. C’est là que la valeur se libère."
  ],
  "paragraphs_en": [
    "The shift rests on a simple idea: separate the decision from the execution. Keep human judgment where it matters, automate the rest.",
    "And the rest is nearly eighty percent of a rep’s time. That is where the value is unlocked."
  ]
}

Pour un agent / MCP

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

/library/section/editorial-dropcap-prose.json

Chemin du détail machine

/library/section/editorial-dropcap-prose.json