Waimia.
Réserver un audit →

Content Sections

direct-answer

stable Bibliothèque Contenu inline (instance)

Expliquer un concept

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

geo definition direct-answer answer content
Ouvrir dans le builder

Instances sur le site

Global 14 instances sur 14 pages

Page Position Contenu Variante
/demonstrations/avant-apres section 2 #1 paper-2
/demonstrations/integration-claude section 2 #1 paper-2
/demonstrations/site-web-intelligent section 2 #1 paper-2
/implantations/bordeaux section 2 #1 paper-2
/implantations/montpellier section 2 #1 paper-2
/ressources/comparatifs/claude-code-vs-cursor section 2 #1 paper-2
/ressources/comparatifs/claude-vs-chatgpt-pme section 2 #1 paper-2
/ressources/comparatifs/geo-vs-seo section 2 #1 paper-2
/ressources/comparatifs/site-web-intelligent-vs-wordpress section 2 #1 paper-2
/ressources/diagnostics/claude-pme section 2 #1 paper-2
/ressources/diagnostics/maturite-ia section 2 #1 paper-2
/ressources/diagnostics/referent-ia section 2 #1 paper-2
/ressources/diagnostics/site-web-intelligent section 2 #1 paper-2
/ressources/guides/claude-pme section 2 #1 paper-2

Aperçu

Comment l'utiliser

Intention

Expliquer un concept

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Éléments

Badge

Mise en page

1 colonne

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
question Contenu text Oui fr / en ·
term Contenu text Non fr / en ·
answer Contenu text Oui fr / en ·
dropcap Contenu bool Non · ·
background Présentation enum Non · paper · paper-2 · paper-3 · ink
layout Présentation text Non · ·
density Présentation enum Non · compact · base · ample
contentAlign Présentation enum Non · start · center · end
actionsAlign Présentation enum Non · start · center · end · spread
placement Présentation object Non · ·
columns Présentation enum Non · 1 · 2 · 3 · 4 · 5 · 6 · auto
colRatio Présentation enum Non · equal · 1-2 · 2-1 · 1-1-2 · 2-3 · golden
itemHeight Présentation enum Non · auto · even · square · video
proportion Présentation enum Non · 1-1 · 1-2 · 2-1 · 2-3 · 3-2
mediaSide Présentation enum Non · left · right
surface Présentation enum Non · flat · outlined · filled · elevated · ghost
divider Présentation enum Non · none · hairline · rule
radius Présentation enum Non · none · sm · md · lg
accentEdge Présentation enum Non · none · top · left
colsMobile Présentation enum Non · 1 · 2 · 3 · 4 · auto
colsTablet Présentation enum Non · 1 · 2 · 3 · 4 · auto
layoutMobile Présentation text Non · ·
titleScale Présentation enum Non · sm · base · lg · xl
eyebrow Présentation enum Non · none · kicker · badge
justifyContent Présentation enum Non · start · center · end · between · around · evenly
alignItems Présentation enum Non · start · center · end · stretch · baseline
justifyItems Présentation enum Non · start · center · end · stretch
alignContent Présentation enum Non · start · center · end · between · stretch
cellAlignX Présentation enum Non · start · center · end
cellAlignY Présentation enum Non · top · middle · bottom · between
cellPad Présentation enum Non · none · sm · base · lg
mediaFit Présentation enum Non · cover · contain
mediaRatio Présentation enum Non · auto · 1-1 · 4-3 · 3-2 · 16-9
reveal Présentation enum Non · none · fade · slide-up · slide-down · slide-left · slide-right · scale-in · blur-in · mask-up
hover Présentation enum Non · none · lift · zoom · glow · border · tint · underline · reveal-cta · media-zoom
pressFeedback Présentation enum Non · none · press
focusRing Présentation enum Non · auto · ring · inset · none
transitionSpeed Présentation enum Non · instant · fast · base · slow
transitionEase Présentation enum Non · standard · out · spring
selectedState Présentation enum Non · none · outline · fill · accent-edge
openState Présentation enum Non · auto
revealStagger Présentation bool Non · ·
revealDelay Présentation enum Non · none · sm · md
loop Présentation enum Non · none · marquee · pulse · float
scrollMotion Présentation enum Non · none · parallax · pin · progress
textMotion Présentation enum Non · none · word-stagger · count-up · type-on
motionSpeed Présentation enum Non · fast · base · slow
motionEase Présentation enum Non · standard · out · spring
pageTransition Présentation enum Non · none · fade · slide
cellBg Présentation enum Non · paper · paper-2 · paper-3 · ink · ink-2 · ink-3 · accent · none
cellTone Présentation enum Non · ink · muted · accent · accent-text · paper
tone Présentation enum Non · ink · muted · accent · accent-text · paper
borderTone Présentation enum Non · hairline · hairline-strong · accent · none
textFlow Présentation enum Non · horizontal · vertical-rl · vertical-lr · sideways
textTransform Présentation enum Non · none · uppercase · lowercase · capitalize
rotate Présentation enum Non · 90 · 180 · none · -90
objectPosition Présentation enum Non · center · top · bottom · left · right
overflow Présentation enum Non · visible · clip · auto
scrollSnap Présentation enum Non · none · proximity · mandatory
measure Présentation enum Non · prose · read · tight · wide · full
balance Présentation bool Non · ·
clamp Présentation enum Non · 1 · 2 · 3 · 4 · none
minHeight Présentation enum Non · auto · half · screen
width Présentation enum Non · full · contained · narrow · prose
headingLevel Présentation enum Non · h2 · h3
ariaLabel Présentation text Non · ·
headerAlign Présentation enum Non · left · center · right
headerKind Présentation enum Non · none · title · eyebrow-title · eyebrow-title-lede · eyebrow-title-lede-cta
introRow Présentation enum Non · none · lede-aside · desc-media-split · lede-centered
dividers Présentation enum Non · none · column-rules · row-rules · grid-lines
cardContent Présentation enum Non · title · title-desc · icon-title-desc · title-desc-meta · media-title-desc
cardMedia Présentation enum Non · none · icon · image · image-bg
cardAlign Présentation enum Non · left · center
colorDistribution Présentation enum Non · uniform · featured-first · one-accent · alternating
bgSource Présentation enum Non · color · image · gradient
bgImage Présentation text Non · ·

Déclinaisons · 15

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

  • Réponse directe · papier 2

    curée
    direct-answer--paper-2

  • Réponse directe · papier 3

    curée
    direct-answer--paper-3

  • Réponse directe · encre

    curée
    direct-answer--ink

  • direct-answer · prose

    générée
    direct-answer--prose

  • direct-answer · deux colonnes

    générée
    direct-answer--two-col

  • direct-answer · liste

    générée
    direct-answer--list

  • direct-answer · lignes séparées

    générée
    direct-answer--rows-divided

  • direct-answer · chapeau + aparté

    générée
    direct-answer--lead-aside

  • direct-answer · lettrine

    générée
    direct-answer--drop-cap

  • direct-answer · citation détachée

    générée
    direct-answer--pull-quote

  • direct-answer · énoncé centré

    générée
    direct-answer--centered-statement

  • direct-answer · note de marge

    générée
    direct-answer--sidenote

  • direct-answer · prose numérotée

    générée
    direct-answer--numbered-prose

  • direct-answer · chapeau 2 colonnes

    générée
    direct-answer--two-col-lead

  • direct-answer · grand énoncé

    générée
    direct-answer--statement-big

Comparer les déclinaisons · 15

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.

Sections liées

Même famille

author-byline stable

Ligne auteur compacte E-E-A-T sous un h1 d'article : avatar optionnel, nom, rôle, dates de publication et mise à jour, lien vers la page profil. Beaucoup plus léger qu'un hero auteur.

prose Team Sections Apparition au scrollDéfilementImage +2 15 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.

prose Editorial Sections Apparition au scrollDéfilementBadge +3 21 décl.
editorial-callout stable

Encadré éditorial composant l'atome Callout (info, citation, note, avertissement, manifeste) : hairline accent, citation source optionnelle, tailles et alignements. Pour ponctuer une prose.

prose Editorial Sections Citation1 colonne 20 décl.
editorial-dingbat-rule stable

Séparateur ornemental éditorial composant l'atome Dingbat (fleuron, asterisme, fin d'article, règle) : transition entre chapitres avec légendes optionnelles au-dessus et en dessous.

prose Editorial Sections Centré 19 décl.
editorial-dropcap-prose stable

Ouverture d'article éditoriale composant l'atome DropCap : initiale magnifiée (serif, mono ou accent) sur un paragraphe d'accroche, suivie de paragraphes de prose. Pour entrer dans un long-form.

prose Editorial Sections 1 colonne 16 décl.
editorial-prose stable

Wrapper de prose éditoriale tokenisé : colonne de lecture (largeur prose ou wide), fond alterné, héberge un contenu long via slot (corps MDX). Préserve la typographie du DS sans réécrire le texte.

prose Editorial Sections 1 colonne 16 décl.

Même catégorie

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.

prose Editorial Sections Apparition au scrollDéfilementBadge +3 21 décl.
editorial-callout stable

Encadré éditorial composant l'atome Callout (info, citation, note, avertissement, manifeste) : hairline accent, citation source optionnelle, tailles et alignements. Pour ponctuer une prose.

prose Editorial Sections Citation1 colonne 20 décl.
editorial-dingbat-rule stable

Séparateur ornemental éditorial composant l'atome Dingbat (fleuron, asterisme, fin d'article, règle) : transition entre chapitres avec légendes optionnelles au-dessus et en dessous.

prose Editorial Sections Centré 19 décl.
editorial-dropcap-prose stable

Ouverture d'article éditoriale composant l'atome DropCap : initiale magnifiée (serif, mono ou accent) sur un paragraphe d'accroche, suivie de paragraphes de prose. Pour entrer dans un long-form.

prose Editorial Sections 1 colonne 16 décl.
editorial-prose stable

Wrapper de prose éditoriale tokenisé : colonne de lecture (largeur prose ou wide), fond alterné, héberge un contenu long via slot (corps MDX). Préserve la typographie du DS sans réécrire le texte.

prose Editorial Sections 1 colonne 16 décl.
hover-reveal-words stable

Prose editoriale dont certains mots declencheurs revelent une vignette image au survol (desktop, suit le curseur) ou au tap (mobile, vignette inline). Accessible au clavier.

prose Editorial Sections Révélation au survolSurvolClic (bascule) +3 16 décl.

Similaires

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.

prose Editorial Sections Apparition au scrollSurvolListe +1 15 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.
numbered-layer-list stable

Liste de couches numerotees : rang serif accent + titre + intro + sous-puces « → ». Ideale pour presenter une stack, des livrables ou des rangs par couche.

list Editorial Sections Apparition au scrollDéfilementListe +2 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.
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.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +1 23 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.

Code

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

{
  "type": "direct-answer",
  "background": "paper",
  "question_fr": "Qu'est-ce qu'un intégrateur Claude Code ?",
  "question_en": "What is a Claude Code integrator?",
  "term_fr": "Intégrateur Claude Code",
  "term_en": "Claude Code integrator",
  "answer_fr": "Un intégrateur Claude Code conçoit, déploie et maintient des agents IA branchés sur vos outils métier. Il transforme un assistant générique en un système autonome qui exécute des workflows réels : prospection, support, rédaction, ops. Le rôle couvre l'architecture des agents, leur connexion aux données et leur supervision dans la durée.",
  "answer_en": "A Claude Code integrator designs, deploys and maintains AI agents wired into your business tools. They turn a generic assistant into an autonomous system that runs real workflows : prospecting, support, writing, ops. The role spans agent architecture, data connection and long-term supervision.",
  "dropcap": false
}

Pour un agent / MCP

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

/library/section/direct-answer.json

Chemin du détail machine

/library/section/direct-answer.json