Waimia.

Index Sections

used-service-callout

stable Bibliothèque Contenu inline (instance)

Orienter / naviguer

Encadre compact « offre(s) utilisee(s) » : liste de cross-liens vers les services mobilises sur un projet, bord gauche accent.

Instances sur le site

Global 0 instance en page composable

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

Aperçu

Comment l'utiliser

Rôle de page

Modèle de contenu

Interactions

Éléments

Mise en page

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
label Contenu text Non fr / en ·
links Contenu array Oui · 1..6

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

  • Offre utilisée · papier 2

    curée
    used-service-callout--paper-2
  • Offre utilisée · papier 3

    curée
    used-service-callout--paper-3
  • Offre utilisée · encre

    curée
    used-service-callout--ink
  • used-service-callout · grille uniforme

    générée
    used-service-callout--grid-uniform
  • used-service-callout · grille auto

    générée
    used-service-callout--grid-auto
  • used-service-callout · grille asymétrique

    générée
    used-service-callout--grid-asym
  • used-service-callout · liste

    générée
    used-service-callout--list
  • used-service-callout · lignes séparées

    générée
    used-service-callout--rows-divided
  • used-service-callout · bento vedette

    générée
    used-service-callout--bento-feature
  • used-service-callout · vedette + split

    générée
    used-service-callout--featured-split
  • used-service-callout · deux colonnes

    générée
    used-service-callout--two-col
  • used-service-callout · alternance

    générée
    used-service-callout--alternating
  • used-service-callout · jeu de cartes

    générée
    used-service-callout--cards-deck
  • used-service-callout · liste média à gauche

    générée
    used-service-callout--list-media-left
  • used-service-callout · grille 3 + vedette

    générée
    used-service-callout--grid-3-featured

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.

  • Offre utilisée · papier 2

    curée
    used-service-callout--paper-2
    background:paper-2
    Ouvrir dans le builder
  • Offre utilisée · papier 3

    curée
    used-service-callout--paper-3
    background:paper-3
    Ouvrir dans le builder
  • Offre utilisée · encre

    curée
    used-service-callout--ink
    background:ink
    Ouvrir dans le builder
  • used-service-callout · grille uniforme

    générée
    used-service-callout--grid-uniform
    layout:grid-uniform
    Ouvrir dans le builder
  • used-service-callout · grille auto

    générée
    used-service-callout--grid-auto
    layout:grid-auto
    Ouvrir dans le builder
  • used-service-callout · grille asymétrique

    générée
    used-service-callout--grid-asym
    layout:grid-asym
    Ouvrir dans le builder
  • used-service-callout · liste

    générée
    used-service-callout--list
    layout:list
    Ouvrir dans le builder
  • used-service-callout · lignes séparées

    générée
    used-service-callout--rows-divided
    layout:rows-divided
    Ouvrir dans le builder
  • used-service-callout · bento vedette

    générée
    used-service-callout--bento-feature
    layout:bento-feature
    Ouvrir dans le builder
  • used-service-callout · vedette + split

    générée
    used-service-callout--featured-split
    layout:featured-split
    Ouvrir dans le builder
  • used-service-callout · deux colonnes

    générée
    used-service-callout--two-col
    layout:two-col
    Ouvrir dans le builder
  • used-service-callout · alternance

    générée
    used-service-callout--alternating
    layout:alternating
    Ouvrir dans le builder
  • used-service-callout · jeu de cartes

    générée
    used-service-callout--cards-deck
    layout:cards-deck
    Ouvrir dans le builder
  • used-service-callout · liste média à gauche

    générée
    used-service-callout--list-media-left
    layout:list-media-left
    Ouvrir dans le builder
  • used-service-callout · grille 3 + vedette

    générée
    used-service-callout--grid-3-featured
    layout:grid-3-featured
    Ouvrir dans le builder

Sections liées

Même famille

coming-soon-pills stable

Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.

list Feature Sections ListeBadge1 colonne 16 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.
decision-list stable

Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.

list Feature Sections Apparition au scrollDéfilementListe +1 17 décl.
inclusions-list stable

Liste d'inclusions inline séparée par point médian pour expliciter le périmètre d'un engagement.

list Feature Sections Liste1 colonne 17 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.
list-index-section stable

Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.

list Index Sections Apparition au scrollDéfilement1 colonne 17 décl.

Même catégorie

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.
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.
list-index-section stable

Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.

list Index Sections Apparition au scrollDéfilement1 colonne 17 décl.
related-links stable

Bloc compact de maillage interne : groupes de liens internes contextuels en colonnes, avec petit label de groupe et description optionnelle. Renforce le SEO et oriente la navigation en fin de page.

list Index Sections Apparition au scrollSurvolListe +1 17 décl.

Similaires

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.
masthead-bar stable

Bande de chrome haut : fil d'Ariane intégré au masthead éditorial (méta lieu, édition, statut), posée sous le header fixe et au-dessus du hero. Composant autonome, universel (home incluse). Variante paper et ink.

breadcrumb Breadcrumb Sections 1 colonne 13 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.
article-grid stable

Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.

card-grid Content Listing Sections SurvolImageIcônes +3 18 décl.
resource-card-grid stable

Grille de ressources téléchargeables : type (livre blanc, cookbook, outil), titre, description, format, badge gated et CTA, en 2 ou 3 colonnes.

card-grid Content Listing Sections SurvolBoutonsIcônes +3 17 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.

Code

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

{
  "type": "used-service-callout",
  "label_fr": "Offre utilisée",
  "label_en": "Service used",
  "links": [
    {
      "label_fr": "Site web intelligent",
      "label_en": "Intelligent website",
      "href": "/services"
    },
    {
      "label_fr": "Système de prospection",
      "label_en": "Prospecting system",
      "href": "/services"
    }
  ]
}

Pour un agent / MCP

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

/library/section/used-service-callout.json

Chemin du détail machine

/library/section/used-service-callout.json