Content Sections

editorial-dingbat-rule

stable Bibliothèque Contenu inline (instance)

Expliquer un concept

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.

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	·	default · section · end · rule · asterism
`size`	Contenu	`enum`	Non	·	sm · md · lg
`above`	Contenu	`text`	Non	fr / en	·
`below`	Contenu	`text`	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 · 19

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

Filet dingbat · papier 2
curée
editorial-dingbat-rule--paper-2
Filet dingbat · encre
curée
editorial-dingbat-rule--ink
Filet dingbat · grand
curée
editorial-dingbat-rule--lg
Filet dingbat · points
curée
editorial-dingbat-rule--default
Filet dingbat · losange (fin)
curée
editorial-dingbat-rule--end
Filet dingbat · filet plein
curée
editorial-dingbat-rule--rule
Filet dingbat · astérisme
curée
editorial-dingbat-rule--asterism
editorial-dingbat-rule · prose
générée
editorial-dingbat-rule--prose
editorial-dingbat-rule · deux colonnes
générée
editorial-dingbat-rule--two-col
editorial-dingbat-rule · liste
générée
editorial-dingbat-rule--list
editorial-dingbat-rule · lignes séparées
générée
editorial-dingbat-rule--rows-divided
editorial-dingbat-rule · chapeau + aparté
générée
editorial-dingbat-rule--lead-aside
editorial-dingbat-rule · lettrine
générée
editorial-dingbat-rule--drop-cap
editorial-dingbat-rule · citation détachée
générée
editorial-dingbat-rule--pull-quote
editorial-dingbat-rule · énoncé centré
générée
editorial-dingbat-rule--centered-statement
editorial-dingbat-rule · note de marge
générée
editorial-dingbat-rule--sidenote
editorial-dingbat-rule · prose numérotée
générée
editorial-dingbat-rule--numbered-prose
editorial-dingbat-rule · chapeau 2 colonnes
générée
editorial-dingbat-rule--two-col-lead
editorial-dingbat-rule · grand énoncé
générée
editorial-dingbat-rule--statement-big

Comparer les déclinaisons · 19

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.

Filet dingbat · papier 2
curée
editorial-dingbat-rule--paper-2
background:paper-2
Ouvrir dans le builder
Filet dingbat · encre
curée
editorial-dingbat-rule--ink
background:ink
Ouvrir dans le builder
Filet dingbat · grand
curée
editorial-dingbat-rule--lg
size:lg
Ouvrir dans le builder
Filet dingbat · points
curée
editorial-dingbat-rule--default
variant:default
Ouvrir dans le builder
Filet dingbat · losange (fin)
curée
editorial-dingbat-rule--end
variant:end
Ouvrir dans le builder
Filet dingbat · filet plein
curée
editorial-dingbat-rule--rule
variant:rule
Ouvrir dans le builder
Filet dingbat · astérisme
curée
editorial-dingbat-rule--asterism
variant:asterism
Ouvrir dans le builder
editorial-dingbat-rule · prose
générée
editorial-dingbat-rule--prose
layout:prose
Ouvrir dans le builder
editorial-dingbat-rule · deux colonnes
générée
editorial-dingbat-rule--two-col
layout:two-col
Ouvrir dans le builder
editorial-dingbat-rule · liste
générée
editorial-dingbat-rule--list
layout:list
Ouvrir dans le builder
editorial-dingbat-rule · lignes séparées
générée
editorial-dingbat-rule--rows-divided
layout:rows-divided
Ouvrir dans le builder
editorial-dingbat-rule · chapeau + aparté
générée
editorial-dingbat-rule--lead-aside
layout:lead-aside
Ouvrir dans le builder
editorial-dingbat-rule · lettrine
générée
editorial-dingbat-rule--drop-cap
layout:drop-cap
Ouvrir dans le builder
editorial-dingbat-rule · citation détachée
générée
editorial-dingbat-rule--pull-quote
layout:pull-quote
Ouvrir dans le builder
editorial-dingbat-rule · énoncé centré
générée
editorial-dingbat-rule--centered-statement
layout:centered-statement
Ouvrir dans le builder
editorial-dingbat-rule · note de marge
générée
editorial-dingbat-rule--sidenote
layout:sidenote
Ouvrir dans le builder
editorial-dingbat-rule · prose numérotée
générée
editorial-dingbat-rule--numbered-prose
layout:numbered-prose
Ouvrir dans le builder
editorial-dingbat-rule · chapeau 2 colonnes
générée
editorial-dingbat-rule--two-col-lead
layout:two-col-lead
Ouvrir dans le builder
editorial-dingbat-rule · grand énoncé
générée
editorial-dingbat-rule--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-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.

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-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.

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.

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.

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.

prose-aside stable

Colonne de prose editoriale (corps MDX) precedee d’un kicker en aside. Le corps vit dans le MDX, pas le frontmatter. Generique pour tout bloc prose + eyebrow lateral.

prose Editorial Sections Apparition au scroll2 colonnes 15 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.

Code

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

{
  "type": "editorial-dingbat-rule",
  "background": "paper",
  "variant": "section",
  "size": "md",
  "above_fr": "Fin du chapitre I",
  "above_en": "End of chapter I",
  "below_fr": "La méthode, étape par étape",
  "below_en": "The method, step by step"
}

Pour un agent / MCP

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

/library/section/editorial-dingbat-rule.json

Chemin du détail machine

/library/section/editorial-dingbat-rule.json