Editorial Sections

keyword-strip

stable Sur waimia · 1 Contenu inline (instance)

Établir la crédibilité

Bande d’items inline mono-majuscule separes par « · » : mots-cles (sans lien) ou liens sociaux/contact. Generique, reutilisable pour tout profil.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/components/templates/AuthorPageTemplate.astro

Aperçu

Comment l'utiliser

Intention

Établir la crédibilité

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`kicker`	Contenu	`text`	Non	fr / en	·
`aria_label`	Contenu	`text`	Non	fr / en	·
`tone`	Présentation	`enum`	Non	·	muted · ink
`pad`	Contenu	`enum`	Non	·	tight · base
`topRule`	Contenu	`bool`	Non	·	·
`items`	Contenu	`array`	Oui	·	1..∞

Déclinaisons · 16

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 2 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.

Bande mots-clés · liens encre
curée
keyword-strip--ink
Bande mots-clés · rythme section
curée
keyword-strip--base
keyword-strip · en ligne · aligné début
générée
keyword-strip--inline-start
keyword-strip · en ligne · centré
générée
keyword-strip--inline-center
keyword-strip · empilé · aligné début
générée
keyword-strip--stacked-start
keyword-strip · empilé · centré
générée
keyword-strip--stacked-center
keyword-strip · centré · aligné début
générée
keyword-strip--centered-start
keyword-strip · centré · centré
générée
keyword-strip--centered-center
keyword-strip · pleine largeur · aligné début
générée
keyword-strip--full-bleed-start
keyword-strip · pleine largeur · centré
générée
keyword-strip--full-bleed-center
keyword-strip · split image · aligné début
générée
keyword-strip--split-image-start
keyword-strip · split image · centré
générée
keyword-strip--split-image-center
keyword-strip · encadré · aligné début
générée
keyword-strip--boxed-start
keyword-strip · encadré · centré
générée
keyword-strip--boxed-center

Comparer les déclinaisons · 14

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.

Bande mots-clés · liens encre
curée
keyword-strip--ink
tone:ink
Ouvrir dans le builder
Bande mots-clés · rythme section
curée
keyword-strip--base
pad:base
Ouvrir dans le builder
keyword-strip · en ligne · aligné début
générée
keyword-strip--inline-start
layout:inlinealign:start
Ouvrir dans le builder
keyword-strip · en ligne · centré
générée
keyword-strip--inline-center
layout:inlinealign:center
Ouvrir dans le builder
keyword-strip · empilé · aligné début
générée
keyword-strip--stacked-start
layout:stackedalign:start
Ouvrir dans le builder
keyword-strip · empilé · centré
générée
keyword-strip--stacked-center
layout:stackedalign:center
Ouvrir dans le builder
keyword-strip · centré · aligné début
générée
keyword-strip--centered-start
layout:centeredalign:start
Ouvrir dans le builder
keyword-strip · centré · centré
générée
keyword-strip--centered-center
layout:centeredalign:center
Ouvrir dans le builder
keyword-strip · pleine largeur · aligné début
générée
keyword-strip--full-bleed-start
layout:full-bleedalign:start
Ouvrir dans le builder
keyword-strip · pleine largeur · centré
générée
keyword-strip--full-bleed-center
layout:full-bleedalign:center
Ouvrir dans le builder
keyword-strip · split image · aligné début
générée
keyword-strip--split-image-start
layout:split-imagealign:start
Ouvrir dans le builder
keyword-strip · split image · centré
générée
keyword-strip--split-image-center
layout:split-imagealign:center
Ouvrir dans le builder
keyword-strip · encadré · aligné début
générée
keyword-strip--boxed-start
layout:boxedalign:start
Ouvrir dans le builder
keyword-strip · encadré · centré
générée
keyword-strip--boxed-center
layout:boxedalign:center
Ouvrir dans le builder

Sections liées

Même famille

announcement-banner stable

Bandeau d’annonce/promo fin : badge optionnel, texte court et lien, bouton de fermeture optionnel (dismissible), variantes accent, encre ou paper-2.

band Banner Sections SurvolBoutonsIcônes +2 17 décl.

branded-callout stable

Callout de marque fond paper-2 avec kicker §, titre display italique et corps de deux paragraphes, CTA optionnel.

band CTA Sections Apparition au scrollDéfilementBoutons +1 20 décl.

closing-cta-band stable

Bande CTA de cloture sur fond ink : kicker + titre display-lg (accent italique) + bouton primaire. Titre rendu en HTML (accent <em>).

band CTA Sections Apparition au scrollSurvolBoutons +1 17 décl.

comparison-pricing-callout stable

Bloc « pourquoi nous » en trois colonnes de propositions de valeur, terminé par un CTA et une mention. Sert de pont entre les features et la page tarifaire.

band Comparison Sections Illustration au traitListe3 colonnes 18 décl.

cta-band stable

Bandeau CTA horizontal pour relancer une action au milieu ou en fin de parcours.

band CTA Sections BoutonsPleine largeur 17 décl.

cta-final stable

CTA final pour conclure une page et orienter vers l'action de conversion principale.

band CTA Sections Apparition au scrollSurvolDéfilement +3 18 décl.

Même catégorie

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.

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.

Similaires

provenance-chip stable

Chip de provenance E-E-A-T : badge plein (projet realise) ou outline (etude sources tierces), cliquable vers la page methodologie.

band Trust Sections Apparition au scrollSurvolBadge +1 15 décl.

curriculum-timeline stable

Bloc curriculum : entete + frise verticale (experience / formation / distinctions) sur fond paper-2. Compose l’atome Timeline.

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

list Content Listing Sections Apparition au scrollSurvolListe +1 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.

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.

trust-badges-band stable

Bandeau de badges de réassurance (sécurité, hébergement, conformité RGPD, garanties) en cellules hairline mono, placé juste avant le CTA pour lever l’objection risque.

band Trust Sections Apparition au scrollDéfilementListe +2 20 décl.

Code

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

{
  "type": "keyword-strip",
  "tone": "muted",
  "pad": "tight",
  "aria_label_fr": "Expertise",
  "aria_label_en": "Expertise",
  "items": [
    {
      "label": "IA appliquée"
    },
    {
      "label": "Automatisation"
    },
    {
      "label": "Systèmes d’acquisition"
    },
    {
      "label": "Data & reporting"
    }
  ]
}

Pour un agent / MCP

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

/library/section/keyword-strip.json

Chemin du détail machine

/library/section/keyword-strip.json