Comparison Sections

fit-columns

stable Bibliothèque Contenu inline (instance)

Comparer les options

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

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

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	·
`heading`	Contenu	`text`	Oui	fr / en	·
`intro`	Contenu	`text`	Non	fr / en	·
`yes_title`	Contenu	`text`	Oui	fr / en	·
`yes_items`	Contenu	`array`	Oui	fr / en	1..8
`no_title`	Contenu	`text`	Oui	fr / en	·
`no_items`	Contenu	`array`	Oui	fr / en	1..8

Déclinaisons · 13

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

fit-columns · équilibré
générée
fit-columns--1-1
fit-columns · média dominant · média à gauche
générée
fit-columns--1-2-left
fit-columns · média dominant · média à droite
générée
fit-columns--1-2-right
fit-columns · texte dominant · média à gauche
générée
fit-columns--2-1-left
fit-columns · texte dominant · média à droite
générée
fit-columns--2-1-right
fit-columns · média large · média à gauche
générée
fit-columns--2-3-left
fit-columns · média large · média à droite
générée
fit-columns--2-3-right
fit-columns · texte large · média à gauche
générée
fit-columns--3-2-left
fit-columns · texte large · média à droite
générée
fit-columns--3-2-right
fit-columns · média très large · média à gauche
générée
fit-columns--1-3-left
fit-columns · média très large · média à droite
générée
fit-columns--1-3-right
fit-columns · texte très large · média à gauche
générée
fit-columns--3-1-left

Comparer les déclinaisons · 12

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.

fit-columns · équilibré
générée
fit-columns--1-1
proportion:1-1
Ouvrir dans le builder
fit-columns · média dominant · média à gauche
générée
fit-columns--1-2-left
proportion:1-2mediaSide:left
Ouvrir dans le builder
fit-columns · média dominant · média à droite
générée
fit-columns--1-2-right
proportion:1-2mediaSide:right
Ouvrir dans le builder
fit-columns · texte dominant · média à gauche
générée
fit-columns--2-1-left
proportion:2-1mediaSide:left
Ouvrir dans le builder
fit-columns · texte dominant · média à droite
générée
fit-columns--2-1-right
proportion:2-1mediaSide:right
Ouvrir dans le builder
fit-columns · média large · média à gauche
générée
fit-columns--2-3-left
proportion:2-3mediaSide:left
Ouvrir dans le builder
fit-columns · média large · média à droite
générée
fit-columns--2-3-right
proportion:2-3mediaSide:right
Ouvrir dans le builder
fit-columns · texte large · média à gauche
générée
fit-columns--3-2-left
proportion:3-2mediaSide:left
Ouvrir dans le builder
fit-columns · texte large · média à droite
générée
fit-columns--3-2-right
proportion:3-2mediaSide:right
Ouvrir dans le builder
fit-columns · média très large · média à gauche
générée
fit-columns--1-3-left
proportion:1-3mediaSide:left
Ouvrir dans le builder
fit-columns · média très large · média à droite
générée
fit-columns--1-3-right
proportion:1-3mediaSide:right
Ouvrir dans le builder
fit-columns · texte très large · média à gauche
générée
fit-columns--3-1-left
proportion:3-1mediaSide:left
Ouvrir dans le builder

Sections liées

Même famille

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.

manifesto-act stable

Acte numéroté de manifeste : label sticky (numéro romain + sous-titre), statement XL et rangée de chiffres massifs optionnelle, tone encre ou paper.

duo Manifesto Sections Apparition au scrollDéfilementIllustration au trait +2 15 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.

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.

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.

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

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-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.

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.

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.

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.

prose Feature Sections Apparition au scrollDéfilementListe +2 21 décl.

Code

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

{
  "type": "fit-columns",
  "kicker_fr": "§ 03.F · Fit",
  "kicker_en": "§ 03.F · Fit",
  "heading_fr": "On ne prend pas <i>tous</i> les projets.",
  "heading_en": "We do not take <i>every</i> project.",
  "intro_fr": "Le bon engagement tient en deux colonnes : ce que l'on peut rendre opérable, et ce que l'on doit refuser avant de diluer la mission.",
  "intro_en": "A good engagement fits in two columns: what can become operational, and what must be refused before the mission gets diluted.",
  "yes_title_fr": "Vous êtes fait pour nous si",
  "yes_title_en": "You are a fit if",
  "yes_items_fr": [
    "Vous avez un cas d'usage clair et des données accessibles",
    "Vous voulez une couche réutilisable, pas un POC jetable",
    "Une équipe interne peut reprendre et exploiter le livrable",
    "Le budget cadre un premier chantier de 3-5 jalons"
  ],
  "yes_items_en": [
    "You have a clear use case and accessible data",
    "You want a reusable layer, not a throwaway POC",
    "An internal team can take over and operate the deliverable",
    "The budget frames a first engagement of 3-5 milestones"
  ],
  "no_title_fr": "On refusera si",
  "no_title_en": "We will say no if",
  "no_items_fr": [
    "Le besoin est un effet d'annonce sans cas d'usage réel",
    "Les données sont inaccessibles ou interdites d'usage",
    "Aucune équipe ne peut reprendre le livrable côté client"
  ],
  "no_items_en": [
    "The need is an announcement effect with no real use case",
    "The data is inaccessible or off-limits",
    "No team can take over the deliverable on the client side"
  ]
}

Pour un agent / MCP

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

/library/section/fit-columns.json

Chemin du détail machine

/library/section/fit-columns.json