Team Sections
author-byline
stable Bibliothèque Contenu inline (instance)Établir la crédibilité, Raconter une histoire
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.
Instances sur le site
Global 5 instances sur 5 pages
| Page | Position | Contenu | Variante |
|---|---|---|---|
| /cas-usages/centraliser-donnees | section 6 | Simon Beros | paper |
| /cas-usages/generer-plus-de-leads | section 6 | Simon Beros | paper |
| /cas-usages/reduire-reporting | section 6 | Simon Beros | paper |
| /cas-usages/reduire-temps-cms | section 6 | Simon Beros | paper |
| /cas-usages/standardiser-processus | section 6 | Simon Beros | paper |
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
authorId | Contenu | text | Non | · | · |
name | Contenu | text | Oui | · | · |
role | Contenu | text | Oui | fr / en | · |
photo | Contenu | text | Non | · | · |
photoAlt | Contenu | text | Non | fr / en | · |
profileHref | Contenu | url | Non | · | · |
publishedDate | Contenu | text | Non | · | · |
updatedDate | Contenu | text | Non | · | · |
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 · 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.
-
Signature auteur · papier
curéeauthor-byline--paper -
Signature auteur · papier 2
curéeauthor-byline--paper-2 -
Signature auteur · encre
curéeauthor-byline--ink -
author-byline · prose
généréeauthor-byline--prose -
author-byline · deux colonnes
généréeauthor-byline--two-col -
author-byline · liste
généréeauthor-byline--list -
author-byline · lignes séparées
généréeauthor-byline--rows-divided -
author-byline · chapeau + aparté
généréeauthor-byline--lead-aside -
author-byline · lettrine
généréeauthor-byline--drop-cap -
author-byline · citation détachée
généréeauthor-byline--pull-quote -
author-byline · énoncé centré
généréeauthor-byline--centered-statement -
author-byline · note de marge
généréeauthor-byline--sidenote -
author-byline · prose numérotée
généréeauthor-byline--numbered-prose -
author-byline · chapeau 2 colonnes
généréeauthor-byline--two-col-lead -
author-byline · grand énoncé
généréeauthor-byline--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.
-
Signature auteur · papier
curéeauthor-byline--paperOuvrir dans le builder -
Signature auteur · papier 2
curéeauthor-byline--paper-2background:paper-2Ouvrir dans le builder -
Signature auteur · encre
curéeauthor-byline--inkbackground:inkOuvrir dans le builder -
author-byline · prose
généréeauthor-byline--proselayout:proseOuvrir dans le builder -
author-byline · deux colonnes
généréeauthor-byline--two-collayout:two-colOuvrir dans le builder -
author-byline · liste
généréeauthor-byline--listlayout:listOuvrir dans le builder -
author-byline · lignes séparées
généréeauthor-byline--rows-dividedlayout:rows-dividedOuvrir dans le builder -
author-byline · chapeau + aparté
généréeauthor-byline--lead-asidelayout:lead-asideOuvrir dans le builder -
author-byline · lettrine
généréeauthor-byline--drop-caplayout:drop-capOuvrir dans le builder -
author-byline · citation détachée
généréeauthor-byline--pull-quotelayout:pull-quoteOuvrir dans le builder -
author-byline · énoncé centré
généréeauthor-byline--centered-statementlayout:centered-statementOuvrir dans le builder -
author-byline · note de marge
généréeauthor-byline--sidenotelayout:sidenoteOuvrir dans le builder -
author-byline · prose numérotée
généréeauthor-byline--numbered-proselayout:numbered-proseOuvrir dans le builder -
author-byline · chapeau 2 colonnes
généréeauthor-byline--two-col-leadlayout:two-col-leadOuvrir dans le builder -
author-byline · grand énoncé
généréeauthor-byline--statement-biglayout:statement-bigOuvrir dans le builder
Sections liées
Même famille
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.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.
1 colonne 16 décl.Même catégorie
team-bio-grid stable Grille d’équipe : photo, nom, rôle et bio courte par membre, en 2 à 4 colonnes alignées. Idéale pour une page À propos ou Équipe qui humanise la marque.
SurvolImageIllustration au trait +4 19 décl.Similaires
photo-cluster stable Composition editoriale : photo lead + grappe de photos decalees (layouts lead-cluster, scatter, duo).
Apparition au scrollDéfilementPlusieurs images +1 17 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.
Apparition au scroll2 colonnes 15 décl.curriculum-timeline stable Bloc curriculum : entete + frise verticale (experience / formation / distinctions) sur fond paper-2. Compose l’atome Timeline.
Apparition au scrollFrise chronologique1 colonne 15 décl.signed-writing-list stable Index chronologique d’ecrits long-form signes : date + titre (lien) + extrait. Date formatee par langue.
Apparition au scrollSurvolListe +1 17 décl.bordered-pullquote stable Citation manifeste a filet gauche : corps large avec accent italique + signature mono. Rendu du corps en HTML (accent <i>).
Apparition au scrollCitation1 colonne 12 décl.keyword-strip stable Bande d’items inline mono-majuscule separes par « · » : mots-cles (sans lien) ou liens sociaux/contact. Generique, reutilisable pour tout profil.
Apparition au scrollSurvolBadge +1 16 décl.Code
Données de la section (à placer dans sections[])
{
"type": "author-byline",
"background": "paper",
"name": "Simon Beros",
"role_fr": "Fondateur · Intégrateur Claude Code",
"role_en": "Founder · Claude Code integrator",
"profileHref": "/equipe/simon-beros",
"publishedDate": "12 mars 2026",
"updatedDate": "4 juin 2026"
}/library/section/author-byline.json
Chemin du détail machine
/library/section/author-byline.json