Comparison Sections

comparison-pricing-callout

stable Bibliothèque Contenu inline (instance)

Comparer les options

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.

Ouvrir dans le builder

Instances sur le site

Global 1 instance sur 1 page

Page	Position	Contenu	Variante
/audit-ia-pme	`section 6`	Un regard d'ingénieur, pas un argumentaire commercial	paper

Aperçu

Comment l'utiliser

Intention

Comparer les options

Rôle de page

Corps

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
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`columns`	Présentation	`array`	Oui	·	2..4
`cta_label`	Contenu	`text`	Non	fr / en	·
`cta_href`	Contenu	`url`	Non	·	·
`cta_note`	Contenu	`text`	Non	fr / en	·

Déclinaisons · 18

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

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

Comparer les déclinaisons · 16

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.

Callout comparatif · papier
curée
comparison-pricing-callout--paper
Identique à la démo par défaut (aucun axe surchargé).
Ouvrir dans le builder
Callout comparatif · papier 2
curée
comparison-pricing-callout--paper-2
background:paper-2
Ouvrir dans le builder
Callout comparatif · papier 3
curée
comparison-pricing-callout--paper-3
background:paper-3
Ouvrir dans le builder
Callout comparatif · encre
curée
comparison-pricing-callout--ink
background:ink
Ouvrir dans le builder
comparison-pricing-callout · en ligne · aligné début
générée
comparison-pricing-callout--inline-start
layout:inlinealign:start
Ouvrir dans le builder
comparison-pricing-callout · en ligne · centré
générée
comparison-pricing-callout--inline-center
layout:inlinealign:center
Ouvrir dans le builder
comparison-pricing-callout · empilé · aligné début
générée
comparison-pricing-callout--stacked-start
layout:stackedalign:start
Ouvrir dans le builder
comparison-pricing-callout · empilé · centré
générée
comparison-pricing-callout--stacked-center
layout:stackedalign:center
Ouvrir dans le builder
comparison-pricing-callout · centré · aligné début
générée
comparison-pricing-callout--centered-start
layout:centeredalign:start
Ouvrir dans le builder
comparison-pricing-callout · centré · centré
générée
comparison-pricing-callout--centered-center
layout:centeredalign:center
Ouvrir dans le builder
comparison-pricing-callout · pleine largeur · aligné début
générée
comparison-pricing-callout--full-bleed-start
layout:full-bleedalign:start
Ouvrir dans le builder
comparison-pricing-callout · pleine largeur · centré
générée
comparison-pricing-callout--full-bleed-center
layout:full-bleedalign:center
Ouvrir dans le builder
comparison-pricing-callout · split image · aligné début
générée
comparison-pricing-callout--split-image-start
layout:split-imagealign:start
Ouvrir dans le builder
comparison-pricing-callout · split image · centré
générée
comparison-pricing-callout--split-image-center
layout:split-imagealign:center
Ouvrir dans le builder
comparison-pricing-callout · encadré · aligné début
générée
comparison-pricing-callout--boxed-start
layout:boxedalign:start
Ouvrir dans le builder
comparison-pricing-callout · encadré · centré
générée
comparison-pricing-callout--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.

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.

Même catégorie

comparison-duo stable

Deux cartes cote a cote (Sans / Avec) pour mettre en evidence le contraste avant/apres ou nous-vs-eux, avec items a puces et glyphes differencies.

duo Comparison Sections Apparition au scrollDéfilementListe +3 17 décl.

comparison-table stable

Tableau comparatif pour clarifier les différences entre offres, options ou approches.

table Comparison Sections Défilement horizontalSurvolGlisser pour faire défiler +3 11 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.

editorial-table-block stable

Comparateur éditorial : en-tête kicker mono et titre display, puis tableau EditorialTable bilingue (colonnes, lignes, caption).

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 14 décl.

fit-columns stable

Section de qualification fit/no-fit sur fond ink : kicker, titre display, intro callout et deux colonnes Oui/Non d items.

duo Comparison Sections Apparition au scrollSurvolDéfilement +1 13 décl.

tech-models-table stable

Table de comparaison des modèles en cinq colonnes (Modèle, Profil, Coût, Contexte, Usages) basée sur EditorialTable.

table Comparison Sections Défilement horizontalApparition au scrollSurvol +6 11 décl.

Similaires

tech-when-dual stable

Aide décision en deux colonnes (utiliser quand / considérer autre chose quand) avec puces mono plus et moins.

duo Comparison Sections Apparition au scrollDéfilementIllustration au trait +4 13 décl.

versus-competitors stable

Comparatif « nous vs alternatives » avec colonne « nous » mise en avant, lignes de critères groupées et cellules check / cross / partiel. Distinct de la matrice tarifaire interne.

table Comparison Sections Apparition au scrollDéfilementTableau +1 11 décl.

data-table stable

Table de données neutre générique : en-tête optionnel, colonnes avec alignements, lignes et cellules typées (emphase), zébrures et légende. Distincte des tables habillées terminal ou éditoriale.

table Table Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +4 13 décl.

editorial-write-feed stable

Feed éditorial en lignes cliquables (EditorialWriteRow) : date, tag, texte et flèche par ligne, tone paper ou ink, lien meta type /feed.xml.

prose Table Sections Apparition au scrollDéfilement1 colonne 14 décl.

terminal-metrics-strip stable

Strip KPI télémétrie tout mono : 2 à 6 cellules clé/valeur bordées de hairlines, esthétique console (uptime, agents, release), fonds paper, paper-2 ou ink.

band Terminal Sections Chiffres clésBloc de code3 colonnes 16 décl.

terminal-table stable

Table terminal configurable (frame TerminalTable) : en-tête kicker/meta, titre, puis colonnes, headers et lignes cliquables avec rôle typographique par cellule.

table Table Sections Apparition au scrollSurvolDéfilement +3 11 décl.

Code

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

{
  "type": "comparison-pricing-callout",
  "background": "paper",
  "kicker_fr": "Pourquoi Waimia",
  "kicker_en": "Why Waimia",
  "h2_fr": "Trois raisons de <i>nous</i> choisir",
  "h2_en": "Three reasons to <i>choose</i> us",
  "columns": [
    {
      "glyph": "◷",
      "title_fr": "Des résultats en semaines",
      "title_en": "Results in weeks",
      "body_fr": "Un pilote en production en deux à quatre semaines, pas un projet qui s’étire sur deux trimestres.",
      "body_en": "A pilot in production in two to four weeks, not a project that drags across two quarters."
    },
    {
      "glyph": "◎",
      "title_fr": "Le contrôle, toujours",
      "title_en": "Control, always",
      "body_fr": "Décisions traçables, reprise humaine, hébergement souverain UE. La conformité valide sans réserve.",
      "body_en": "Traceable decisions, human takeover, EU sovereign hosting. Compliance signs off without reservation."
    },
    {
      "glyph": "↗",
      "title_fr": "Zéro dette technique",
      "title_en": "Zero technical debt",
      "body_fr": "Des agents qui évoluent avec vous, sur votre stack, sans vous enfermer dans un outil de plus.",
      "body_en": "Agents that evolve with you, on your stack, without locking you into one more tool."
    }
  ],
  "cta_label_fr": "Voir nos offres",
  "cta_label_en": "See our pricing",
  "cta_href": "/services",
  "cta_note_fr": "À partir d’un pilote forfaitaire, satisfait ou remboursé sous 30 jours.",
  "cta_note_en": "Starting from a flat-rate pilot, satisfied or refunded within 30 days."
}

Pour un agent / MCP

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

/library/section/comparison-pricing-callout.json

Chemin du détail machine

/library/section/comparison-pricing-callout.json