Banner Sections

announcement-banner

stable Bibliothèque Contenu inline (instance)

Annoncer

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

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

Annoncer

Rôle de page

Utilitaire

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`text`	Contenu	`text`	Oui	fr / en	·
`link_label`	Contenu	`text`	Non	fr / en	·
`href`	Contenu	`url`	Non	·	·
`badge`	Contenu	`text`	Non	fr / en	·
`tone`	Présentation	`enum`	Non	·	accent · ink · paper-2
`dismissible`	Contenu	`bool`	Non	·	·

Déclinaisons · 17

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

Annonce · papier 2
curée
announcement-banner--paper-2
Annonce · papier 3
curée
announcement-banner--paper-3
Annonce · encre
curée
announcement-banner--ink
announcement-banner · en ligne · aligné début
générée
announcement-banner--inline-start
announcement-banner · en ligne · centré
générée
announcement-banner--inline-center
announcement-banner · empilé · aligné début
générée
announcement-banner--stacked-start
announcement-banner · empilé · centré
générée
announcement-banner--stacked-center
announcement-banner · centré · aligné début
générée
announcement-banner--centered-start
announcement-banner · centré · centré
générée
announcement-banner--centered-center
announcement-banner · pleine largeur · aligné début
générée
announcement-banner--full-bleed-start
announcement-banner · pleine largeur · centré
générée
announcement-banner--full-bleed-center
announcement-banner · split image · aligné début
générée
announcement-banner--split-image-start
announcement-banner · split image · centré
générée
announcement-banner--split-image-center
announcement-banner · encadré · aligné début
générée
announcement-banner--boxed-start
announcement-banner · encadré · centré
générée
announcement-banner--boxed-center

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.

Annonce · papier 2
curée
announcement-banner--paper-2
background:paper-2
Ouvrir dans le builder
Annonce · papier 3
curée
announcement-banner--paper-3
background:paper-3
Ouvrir dans le builder
Annonce · encre
curée
announcement-banner--ink
background:ink
Ouvrir dans le builder
announcement-banner · en ligne · aligné début
générée
announcement-banner--inline-start
layout:inlinealign:start
Ouvrir dans le builder
announcement-banner · en ligne · centré
générée
announcement-banner--inline-center
layout:inlinealign:center
Ouvrir dans le builder
announcement-banner · empilé · aligné début
générée
announcement-banner--stacked-start
layout:stackedalign:start
Ouvrir dans le builder
announcement-banner · empilé · centré
générée
announcement-banner--stacked-center
layout:stackedalign:center
Ouvrir dans le builder
announcement-banner · centré · aligné début
générée
announcement-banner--centered-start
layout:centeredalign:start
Ouvrir dans le builder
announcement-banner · centré · centré
générée
announcement-banner--centered-center
layout:centeredalign:center
Ouvrir dans le builder
announcement-banner · pleine largeur · aligné début
générée
announcement-banner--full-bleed-start
layout:full-bleedalign:start
Ouvrir dans le builder
announcement-banner · pleine largeur · centré
générée
announcement-banner--full-bleed-center
layout:full-bleedalign:center
Ouvrir dans le builder
announcement-banner · split image · aligné début
générée
announcement-banner--split-image-start
layout:split-imagealign:start
Ouvrir dans le builder
announcement-banner · split image · centré
générée
announcement-banner--split-image-center
layout:split-imagealign:center
Ouvrir dans le builder
announcement-banner · encadré · aligné début
générée
announcement-banner--boxed-start
layout:boxedalign:start
Ouvrir dans le builder
announcement-banner · encadré · centré
générée
announcement-banner--boxed-center
layout:boxedalign:center
Ouvrir dans le builder

Sections liées

Même famille

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.

cta-inline stable

CTA inline discret pour insérer une action contextuelle dans un contenu existant.

band CTA Sections BoutonsPleine largeur 18 décl.

Similaires

newsletter-signup-section stable

Section d'inscription newsletter pleine largeur (réutilise NewsletterSignup), fonds au choix dont ink pour un climax de page.

band Newsletter Sections BoutonsCentré 17 décl.

department-cta stable

Clôture CTA sur fond ink : Dingbat, titre display italique, body et deux boutons (rendez-vous + lien secondaire).

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

welcome-section stable

Écran de confirmation post-conversion avec checkmark, message central, trois prochaines étapes et lien retour.

prose Utility Sections SurvolIllustration au traitBoutons +5 15 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.

table Index Sections SurvolBadgeMulti-colonnes 12 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.

breadcrumb Breadcrumb Sections 1 colonne 5 décl.

learning-path-list stable

Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).

list Index Sections 1 colonne 17 décl.

Code

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

{
  "type": "announcement-banner",
  "text_fr": "VirtuoseOS 2.4 est là : audit trail signé sur chaque action agent.",
  "text_en": "VirtuoseOS 2.4 is here: signed audit trail on every agent action.",
  "link_label_fr": "Voir les nouveautés",
  "link_label_en": "See what is new",
  "href": "/blog",
  "badge_fr": "Nouveau",
  "badge_en": "New",
  "tone": "accent",
  "dismissible": true
}

Pour un agent / MCP

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

/library/section/announcement-banner.json

Chemin du détail machine

/library/section/announcement-banner.json