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
| 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éecomparison-table--paper -
Tableau comparatif · papier 2
curéecomparison-table--paper-2 -
Tableau comparatif · papier 3
curéecomparison-table--paper-3 -
Tableau comparatif · encre
curéecomparison-table--ink -
comparison-table · face à face
généréecomparison-table--two-col-versus -
comparison-table · matrice
généréecomparison-table--matrix -
comparison-table · avant après
généréecomparison-table--before-after -
comparison-table · bascule
généréecomparison-table--toggle -
comparison-table · trois voies
généréecomparison-table--three-way -
comparison-table · lignes à bascule
généréecomparison-table--toggle-rows -
comparison-table · gagnant mis en avant
généréecomparison-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éecomparison-table--paperbackground:paperOuvrir dans le builder -
Tableau comparatif · papier 2
curéecomparison-table--paper-2background:paper-2Ouvrir dans le builder -
Tableau comparatif · papier 3
curéecomparison-table--paper-3background:paper-3Ouvrir dans le builder -
Tableau comparatif · encre
curéecomparison-table--inkbackground:inkOuvrir dans le builder -
comparison-table · face à face
généréecomparison-table--two-col-versuslayout:two-col-versusOuvrir dans le builder -
comparison-table · matrice
généréecomparison-table--matrixlayout:matrixOuvrir dans le builder -
comparison-table · avant après
généréecomparison-table--before-afterlayout:before-afterOuvrir dans le builder -
comparison-table · bascule
généréecomparison-table--togglelayout:toggleOuvrir dans le builder -
comparison-table · trois voies
généréecomparison-table--three-waylayout:three-wayOuvrir dans le builder -
comparison-table · lignes à bascule
généréecomparison-table--toggle-rowslayout:toggle-rowsOuvrir dans le builder -
comparison-table · gagnant mis en avant
généréecomparison-table--highlight-winnerlayout:highlight-winnerOuvrir 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.
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.
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.
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).
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.
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.
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.
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.
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.
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).
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.
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.
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.
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.
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.
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.
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.
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.
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
]
}
]
}/library/section/comparison-table.json
Chemin du détail machine
/library/section/comparison-table.json