Comparison Sections
tech-models-table
stable Sur waimia · 1 Contenu inline (instance)Comparer les options
Table de comparaison des modèles en cinq colonnes (Modèle, Profil, Coût, Contexte, Usages) basée sur EditorialTable.
Instances sur le site
Global 0 instance en page composable
-
src/pages/expertise-claude.astro
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
background | Présentation | enum | Non | · | paper · paper-2 · paper-3 · ink |
kicker | Contenu | text | Oui | fr / en | · |
title | Contenu | text | Oui | fr / en | · |
aside | Contenu | text | Non | fr / en | · |
caption | Contenu | text | Non | fr / en | · |
models | Contenu | array | Oui | · | 1..∞ |
Déclinaisons · 11
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 2 curées, 9 générées.
-
Table de modèles · papier 3
curéetech-models-table--paper-3 -
Table de modèles · encre
curéetech-models-table--ink -
tech-models-table · lignes séparées
généréetech-models-table--rows-divided -
tech-models-table · grille étapes
généréetech-models-table--grid-steps -
tech-models-table · matrice comparative
généréetech-models-table--comparison-matrix -
tech-models-table · cases à cocher
généréetech-models-table--feature-check -
tech-models-table · lignes specs
généréetech-models-table--spec-rows -
tech-models-table · lignes zébrées
généréetech-models-table--striped-rows -
tech-models-table · en-tête collant
généréetech-models-table--sticky-header -
tech-models-table · comparaison 2 colonnes
généréetech-models-table--two-col-compare -
tech-models-table · liste de contrôle
généréetech-models-table--checklist
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.
-
Table de modèles · papier 3
curéetech-models-table--paper-3background:paper-3Ouvrir dans le builder -
Table de modèles · encre
curéetech-models-table--inkbackground:inkOuvrir dans le builder -
tech-models-table · lignes séparées
généréetech-models-table--rows-dividedlayout:rows-dividedOuvrir dans le builder -
tech-models-table · grille étapes
généréetech-models-table--grid-stepslayout:grid-stepsOuvrir dans le builder -
tech-models-table · matrice comparative
généréetech-models-table--comparison-matrixlayout:comparison-matrixOuvrir dans le builder -
tech-models-table · cases à cocher
généréetech-models-table--feature-checklayout:feature-checkOuvrir dans le builder -
tech-models-table · lignes specs
généréetech-models-table--spec-rowslayout:spec-rowsOuvrir dans le builder -
tech-models-table · lignes zébrées
généréetech-models-table--striped-rowslayout:striped-rowsOuvrir dans le builder -
tech-models-table · en-tête collant
généréetech-models-table--sticky-headerlayout:sticky-headerOuvrir dans le builder -
tech-models-table · comparaison 2 colonnes
généréetech-models-table--two-col-comparelayout:two-col-compareOuvrir dans le builder -
tech-models-table · liste de contrôle
généréetech-models-table--checklistlayout:checklistOuvrir dans le builder
Sections liées
Même famille
comparison-table stable Tableau comparatif pour clarifier les différences entre offres, options ou approches.
Défilement horizontalSurvolGlisser pour faire défiler +3 11 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.
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.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.comparison-table stable Tableau comparatif pour clarifier les différences entre offres, options ou approches.
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.
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.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.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.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.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": "tech-models-table",
"kicker_fr": "Choisir le bon modèle",
"kicker_en": "Choose the right model",
"title_fr": "<i>Modèles</i><br/>disponibles",
"title_en": "Available<br/><i>models</i>",
"aside_fr": "Un modèle par profil de tâche, sélection à la tâche, fallback configurable.",
"aside_en": "One model per task profile, task-level selection, configurable fallback.",
"caption_fr": "Modèles Claude · profil de tâche",
"caption_en": "Claude models · task profile",
"models": [
{
"name": "Claude Haiku 4.5",
"version": "4.5",
"cost": "€",
"context": "200K tokens",
"use_case_fr": "Triage, classification, scoring, tâches répétitives à fort volume",
"use_case_en": "Triage, classification, scoring, high-volume repetitive tasks"
},
{
"name": "Claude Sonnet 4.6",
"version": "4.6",
"cost": "€€",
"context": "1M tokens",
"use_case_fr": "Rédaction, analyse, agents, la plupart des workflows enterprise",
"use_case_en": "Writing, analysis, agents, most enterprise workflows"
},
{
"name": "Claude Opus 4.8",
"version": "4.8",
"cost": "€€€",
"context": "1M tokens",
"use_case_fr": "Raisonnement complexe, stratégie, audit critique, cas exigeants",
"use_case_en": "Complex reasoning, strategy, critical audit, demanding cases"
}
]
}/library/section/tech-models-table.json
Chemin du détail machine
/library/section/tech-models-table.json