Comparison Sections
department-stack
stable Sur waimia · 5 Contenu inline (instance)Expliquer un concept
Stack outils en table éditoriale : en-tête eyebrow et titre display, aside Callout, EditorialTable catégorie/outil/rôle.
Instances sur le site
Global 0 instance en page composable
-
src/content/solutions/agent-marketing-commercial.mdx -
src/content/solutions/content-marketing-ia.mdx -
src/content/solutions/contenu-seo-geo-ia.mdx -
src/content/solutions/publicite-en-ligne.mdx -
src/content/solutions/tunnel-de-vente.mdx
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
background | Présentation | enum | Non | · | paper · paper-2 · paper-3 · ink |
eyebrow | Présentation | text | Non | fr / en | · |
h2 | Contenu | text | Oui | fr / en | · |
aside | Contenu | text | Non | fr / en | · |
caption | Contenu | text | Non | fr / en | · |
columns | Présentation | array | Oui | fr / en | 2..4 |
rows | Contenu | array | Oui | · | 1..12 |
Déclinaisons · 13
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 9 générées.
-
Stack outils · table · papier
curéedepartment-stack--paper -
Stack outils · table · papier 2
curéedepartment-stack--paper-2 -
Stack outils · table · papier 3
curéedepartment-stack--paper-3 -
Stack outils · table · encre
curéedepartment-stack--ink -
department-stack · lignes séparées
généréedepartment-stack--rows-divided -
department-stack · grille étapes
généréedepartment-stack--grid-steps -
department-stack · matrice comparative
généréedepartment-stack--comparison-matrix -
department-stack · cases à cocher
généréedepartment-stack--feature-check -
department-stack · lignes specs
généréedepartment-stack--spec-rows -
department-stack · lignes zébrées
généréedepartment-stack--striped-rows -
department-stack · en-tête collant
généréedepartment-stack--sticky-header -
department-stack · comparaison 2 colonnes
généréedepartment-stack--two-col-compare -
department-stack · liste de contrôle
généréedepartment-stack--checklist
Comparer les déclinaisons · 13
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.
-
Stack outils · table · papier
curéedepartment-stack--paperbackground:paperOuvrir dans le builder -
Stack outils · table · papier 2
curéedepartment-stack--paper-2background:paper-2Ouvrir dans le builder -
Stack outils · table · papier 3
curéedepartment-stack--paper-3background:paper-3Ouvrir dans le builder -
Stack outils · table · encre
curéedepartment-stack--inkbackground:inkOuvrir dans le builder -
department-stack · lignes séparées
généréedepartment-stack--rows-dividedlayout:rows-dividedOuvrir dans le builder -
department-stack · grille étapes
généréedepartment-stack--grid-stepslayout:grid-stepsOuvrir dans le builder -
department-stack · matrice comparative
généréedepartment-stack--comparison-matrixlayout:comparison-matrixOuvrir dans le builder -
department-stack · cases à cocher
généréedepartment-stack--feature-checklayout:feature-checkOuvrir dans le builder -
department-stack · lignes specs
généréedepartment-stack--spec-rowslayout:spec-rowsOuvrir dans le builder -
department-stack · lignes zébrées
généréedepartment-stack--striped-rowslayout:striped-rowsOuvrir dans le builder -
department-stack · en-tête collant
généréedepartment-stack--sticky-headerlayout:sticky-headerOuvrir dans le builder -
department-stack · comparaison 2 colonnes
généréedepartment-stack--two-col-comparelayout:two-col-compareOuvrir dans le builder -
department-stack · liste de contrôle
généréedepartment-stack--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.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.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.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
pain-severity-list stable Liste éditoriale de pain-points sur fond ink, classés par sévérité : chaque item porte un label severity vertical (mono) et un glyphe (◆▲●○), un titre serif, une description, et une ligne mono « → correctif ». Séparateurs hairline, reveal-stagger.
Apparition au scrollDéfilementListe +2 21 décl.definition-extract stable Bloc GEO « format extractible » : kicker mono, gros statement serif avec le terme défini en accent, rangée de pills, puis un bandeau de specs mono. Sobre, fond paper, pensé pour la citation par les moteurs génératifs.
Apparition au scrollDéfilementBadge +3 21 décl.rich-text stable Section de corps riche : un corps Markdown bilingue rendu en HTML au build avec les styles prose du design system. Edition de corps editorial in-context sans backend (le Markdown vit dans le document de page, versionne avec le code). Titres, listes, liens, gras/italique ; mesure de ligne bornee ; variante ink lisible.
Apparition au scrollSurvolListe +1 15 décl.architecture-diagram stable Diagramme d'architecture signature : N canaux d'entrée vers un système central et M sorties, avec boucle d'amélioration continue.
Apparition au scrollDéfilementIllustration au trait +1 23 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.direct-answer stable Bloc GEO « réponse directe » en tête de page : reformule une question implicite, définit éventuellement une entité, puis délivre une réponse directe de 2 à 4 phrases en colonne de lecture. Sobre, éditorial, fond alterné.
Badge1 colonne 15 décl.Code
Données de la section (à placer dans sections[])
{
"type": "department-stack",
"eyebrow_fr": "§ Stack outils",
"eyebrow_en": "§ Tool stack",
"h2_fr": "<i>Outils</i><br/>déployés",
"h2_en": "Tools<br/><i>deployed</i>",
"aside_fr": "Le triptyque Anthropic primary + intégrations métier secondary + open source pour l'orchestration.",
"aside_en": "The triptych: Anthropic primary + business integrations secondary + open source for orchestration.",
"caption_fr": "Stack typique · Finance & Comptabilité",
"caption_en": "Typical stack · Finance & Accounting",
"columns_fr": [
"Catégorie",
"Outil",
"Rôle"
],
"columns_en": [
"Category",
"Tool",
"Role"
],
"rows": [
{
"category_fr": "Modèle raisonnement",
"category_en": "Reasoning model",
"tool": "Claude Sonnet 4.6",
"role_fr": "Mémos, analyses et synthèses financières",
"role_en": "Memos, analyses and financial synthesis"
},
{
"category_fr": "Modèle volume",
"category_en": "Volume model",
"tool": "Claude Haiku 4.5",
"role_fr": "Réconciliation, extraction et déduplication",
"role_en": "Reconciliation, extraction and deduplication"
},
{
"category_fr": "ERP",
"category_en": "ERP",
"tool": "SAP / Sage / NetSuite",
"role_fr": "Source des écritures et du grand livre",
"role_en": "Source of entries and the general ledger"
},
{
"category_fr": "Orchestration",
"category_en": "Orchestration",
"tool": "LangGraph open-source",
"role_fr": "Workflows durables et transférables",
"role_en": "Durable and transferable workflows"
}
]
}/library/section/department-stack.json
Chemin du détail machine
/library/section/department-stack.json