Waimia.

Comparison Sections

comparison-table

stable Bibliothèque Contenu inline (instance)

Comparer les options

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

Instances sur le site

Global 4 instances sur 4 pages

Page Position Contenu Variante
/ressources/comparatifs/claude-code-vs-cursor section 3 Claude Code face à Cursor, capacité par capacité paper
/ressources/comparatifs/claude-vs-chatgpt-pme section 3 Claude vs ChatGPT, point par point paper
/ressources/comparatifs/geo-vs-seo section 3 GEO et SEO, ligne à ligne paper
/ressources/comparatifs/site-web-intelligent-vs-wordpress section 3 Le face-à-face, critère par critère paper

Aperçu

Comment l'utiliser

Rôle de page

Modèle de contenu

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
h2 Contenu text Oui fr / en ·
column_headers Contenu array Oui fr / en 2..∞
rows Contenu array Oui · 2..∞

Déclinaisons · 11

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 7 générées.

  • Tableau comparatif · papier

    curée
    comparison-table--paper
  • Tableau comparatif · papier 2

    curée
    comparison-table--paper-2
  • Tableau comparatif · papier 3

    curée
    comparison-table--paper-3
  • Tableau comparatif · encre

    curée
    comparison-table--ink
  • comparison-table · face à face

    générée
    comparison-table--two-col-versus
  • comparison-table · matrice

    générée
    comparison-table--matrix
  • comparison-table · avant après

    générée
    comparison-table--before-after
  • comparison-table · bascule

    générée
    comparison-table--toggle
  • comparison-table · trois voies

    générée
    comparison-table--three-way
  • comparison-table · lignes à bascule

    générée
    comparison-table--toggle-rows
  • comparison-table · gagnant mis en avant

    générée
    comparison-table--highlight-winner

Comparer les déclinaisons · 11

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.

  • Tableau comparatif · papier

    curée
    comparison-table--paper
    background:paper
    Ouvrir dans le builder
  • Tableau comparatif · papier 2

    curée
    comparison-table--paper-2
    background:paper-2
    Ouvrir dans le builder
  • Tableau comparatif · papier 3

    curée
    comparison-table--paper-3
    background:paper-3
    Ouvrir dans le builder
  • Tableau comparatif · encre

    curée
    comparison-table--ink
    background:ink
    Ouvrir dans le builder
  • comparison-table · face à face

    générée
    comparison-table--two-col-versus
    layout:two-col-versus
    Ouvrir dans le builder
  • comparison-table · matrice

    générée
    comparison-table--matrix
    layout:matrix
    Ouvrir dans le builder
  • comparison-table · avant après

    générée
    comparison-table--before-after
    layout:before-after
    Ouvrir dans le builder
  • comparison-table · bascule

    générée
    comparison-table--toggle
    layout:toggle
    Ouvrir dans le builder
  • comparison-table · trois voies

    générée
    comparison-table--three-way
    layout:three-way
    Ouvrir dans le builder
  • comparison-table · lignes à bascule

    générée
    comparison-table--toggle-rows
    layout:toggle-rows
    Ouvrir dans le builder
  • comparison-table · gagnant mis en avant

    générée
    comparison-table--highlight-winner
    layout:highlight-winner
    Ouvrir dans le builder

Sections liées

Même famille

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.
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.
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.
pricing-comparison-matrix stable

Matrice comparative tarifaire pour mettre en regard les fonctionnalites de 3 plans avec mise en avant de la colonne recommandee.

table Pricing Sections Défilement horizontalSurvolGlisser pour faire défiler +3 13 décl.
pricing-table stable

Table de prix pour présenter clairement les formules, paliers et options commerciales.

table Pricing Sections BoutonsListe3 colonnes 14 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-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.
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

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.
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.
workflow-table stable

Table workflows signature en 5 colonnes (numéro, workflow, modèle, gain, comment), un workflow IA par ligne.

table Comparison Sections Apparition au scrollDéfilementTableau +3 13 décl.
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.
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.
tech-capabilities-specs stable

Inventaire technique en table spec (capacité, description, statut) avec en-tête kicker et aside.

table Feature Sections Défilement horizontalApparition au scrollSurvol +6 9 décl.

Code

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

{
  "type": "comparison-table",
  "h2_fr": "Comparatif <i>tiers</i>",
  "h2_en": "Tiers <i>comparison</i>",
  "column_headers_fr": [
    "Capacité",
    "Activation 1 sem.",
    "Growth System",
    "Sur-mesure"
  ],
  "column_headers_en": [
    "Capability",
    "Activation 1wk",
    "Growth System",
    "Custom"
  ],
  "rows": [
    {
      "feature_fr": "Audit complet",
      "feature_en": "Full audit",
      "values": [
        true,
        true,
        true
      ]
    },
    {
      "feature_fr": "Workflows IA",
      "feature_en": "AI workflows",
      "values": [
        "1",
        "5-8",
        "illimité"
      ]
    },
    {
      "feature_fr": "Formation équipe",
      "feature_en": "Team training",
      "values": [
        false,
        true,
        true
      ]
    },
    {
      "feature_fr": "Support 90j",
      "feature_en": "90d support",
      "values": [
        false,
        true,
        true
      ]
    }
  ]
}

Pour un agent / MCP

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

/library/section/comparison-table.json

Chemin du détail machine

/library/section/comparison-table.json