Feature Sections

use-case-index

stable Sur waimia · 2 Contenu inline (instance)

Présenter les capacités

Index éditorial de cas d'usage en lignes numérotées avec libellé italique, tag mono et lien d'ancrage solution.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/pages/en/index.astro
src/pages/index.astro

Aperçu

Comment l'utiliser

Intention

Présenter les capacités

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
`roman`	Contenu	`text`	Oui	·	·
`label`	Contenu	`text`	Oui	fr / en	·
`heading`	Contenu	`text`	Oui	fr / en	·
`aside`	Contenu	`text`	Non	fr / en	·
`num_prefix`	Contenu	`text`	Non	fr / en	·
`items`	Contenu	`array`	Oui	·	2..8
`footer_label`	Contenu	`text`	Non	fr / en	·
`footer_href`	Contenu	`url`	Non	·	·

Déclinaisons · 17

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

Index de cas d'usage · papier 2
curée
use-case-index--paper-2
Index de cas d'usage · papier 3
curée
use-case-index--paper-3
Index de cas d'usage · encre
curée
use-case-index--ink
use-case-index · grille uniforme
générée
use-case-index--grid-uniform
use-case-index · grille auto
générée
use-case-index--grid-auto
use-case-index · grille asymétrique
générée
use-case-index--grid-asym
use-case-index · liste
générée
use-case-index--list
use-case-index · lignes séparées
générée
use-case-index--rows-divided
use-case-index · bento vedette
générée
use-case-index--bento-feature
use-case-index · vedette + split
générée
use-case-index--featured-split
use-case-index · deux colonnes
générée
use-case-index--two-col
use-case-index · alternance
générée
use-case-index--alternating
use-case-index · jeu de cartes
générée
use-case-index--cards-deck
use-case-index · liste média à gauche
générée
use-case-index--list-media-left
use-case-index · grille 3 + vedette
générée
use-case-index--grid-3-featured

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.

Index de cas d'usage · papier 2
curée
use-case-index--paper-2
background:paper-2
Ouvrir dans le builder
Index de cas d'usage · papier 3
curée
use-case-index--paper-3
background:paper-3
Ouvrir dans le builder
Index de cas d'usage · encre
curée
use-case-index--ink
background:ink
Ouvrir dans le builder
use-case-index · grille uniforme
générée
use-case-index--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
use-case-index · grille auto
générée
use-case-index--grid-auto
layout:grid-auto
Ouvrir dans le builder
use-case-index · grille asymétrique
générée
use-case-index--grid-asym
layout:grid-asym
Ouvrir dans le builder
use-case-index · liste
générée
use-case-index--list
layout:list
Ouvrir dans le builder
use-case-index · lignes séparées
générée
use-case-index--rows-divided
layout:rows-divided
Ouvrir dans le builder
use-case-index · bento vedette
générée
use-case-index--bento-feature
layout:bento-feature
Ouvrir dans le builder
use-case-index · vedette + split
générée
use-case-index--featured-split
layout:featured-split
Ouvrir dans le builder
use-case-index · deux colonnes
générée
use-case-index--two-col
layout:two-col
Ouvrir dans le builder
use-case-index · alternance
générée
use-case-index--alternating
layout:alternating
Ouvrir dans le builder
use-case-index · jeu de cartes
générée
use-case-index--cards-deck
layout:cards-deck
Ouvrir dans le builder
use-case-index · liste média à gauche
générée
use-case-index--list-media-left
layout:list-media-left
Ouvrir dans le builder
use-case-index · grille 3 + vedette
générée
use-case-index--grid-3-featured
layout:grid-3-featured
Ouvrir dans le builder

Sections liées

Même famille

article-grid stable

Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.

card-grid Content Listing Sections SurvolImageIcônes +3 18 décl.

case-card-grid stable

Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +3 31 décl.

case-featured-grid stable

Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +6 17 décl.

challenges-grid stable

Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.

card-grid Feature Sections SurvolIllustration au traitIcônes +4 16 décl.

commitments-grid stable

Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 décl.

deliverables-grid stable

Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 29 décl.

Même catégorie

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.

bento-grid stable

Mosaique bento asymetrique de 5 cellules (1 grande 2x2 + 4 petites) pour valoriser les capacites cles avec une mise en page moderne.

bento Feature Sections IcônesCartesListe +1 26 décl.

challenges-grid stable

Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.

card-grid Feature Sections SurvolIllustration au traitIcônes +4 16 décl.

coming-soon-pills stable

Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.

list Feature Sections ListeBadge1 colonne 16 décl.

commitments-grid stable

Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 décl.

decision-list stable

Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.

list Feature Sections Apparition au scrollDéfilementListe +1 17 décl.

Similaires

editorial-preview stable

Index éditorial de publications en lignes numérotées (num · date · tag · titre italique · flèche), extrait de FieldNotes.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +3 17 décl.

persona-attributes-grid stable

Grille persona 2×2 pain points / critères / objections / preuves avec footer méta sombre en trois colonnes.

card-grid Feature Sections Liste3 colonnes 18 décl.

feature-grid stable

Grille de fonctionnalités pour structurer les bénéfices ou capacités principales d'une offre.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 22 décl.

icon-trio stable

Trois colonnes iconographiques avec titre et description, séparées par des hairlines verticaux. Idéal pour présenter 3 piliers ou bénéfices distincts.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 décl.

problems-grid stable

Grille de problèmes/frictions auto-fit (3 cards min) : num + kicker + h3 + body, séparateurs hairline 1px.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 décl.

editorial-split-grid stable

Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 17 décl.

Code

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

{
  "type": "use-case-index",
  "roman": "III",
  "label_fr": "§ 05 · Cas d'usage horizontaux",
  "label_en": "§ 05 · Horizontal use cases",
  "heading_fr": "Cinq <i>cas d'usage</i>. Une seule méthode.",
  "heading_en": "Five <i>use cases</i>. One method.",
  "aside_fr": "Acquisition, CRM, contenu, productivité, support : les douleurs récurrentes des PME. Mêmes systèmes, vocabulaire adapté à votre métier.",
  "aside_en": "Acquisition, CRM, content, productivity, support: recurring SMB pain points. Same systems, wording adapted to your sector.",
  "num_prefix_fr": "USE CASE",
  "num_prefix_en": "USE CASE",
  "items": [
    {
      "label_fr": "Contenu SEO/GEO",
      "label_en": "SEO/GEO Content",
      "tag_fr": "Articles · landing · indexation IA",
      "tag_en": "Articles · landings · AI indexing",
      "href": "#"
    },
    {
      "label_fr": "Content marketing",
      "label_en": "Content marketing",
      "tag_fr": "Éditorial · calendrier · repurposing",
      "tag_en": "Editorial · calendar · repurposing",
      "href": "#"
    },
    {
      "label_fr": "Publicité",
      "label_en": "Advertising",
      "tag_fr": "Google · Meta · ROI",
      "tag_en": "Google · Meta · ROI",
      "href": "#"
    },
    {
      "label_fr": "Tunnel de vente",
      "label_en": "Sales funnel",
      "tag_fr": "Landing · étapes · conversion",
      "tag_en": "Landing · steps · conversion",
      "href": "#"
    },
    {
      "label_fr": "Agent marketing",
      "label_en": "Marketing agent",
      "tag_fr": "Prospection · relances · nurturing",
      "tag_en": "Prospecting · follow-ups · nurturing",
      "href": "#"
    }
  ],
  "footer_label_fr": "Adapté à votre secteur →",
  "footer_label_en": "Adapted to your sector →",
  "footer_href": "/secteurs"
}

Pour un agent / MCP

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

/library/section/use-case-index.json

Chemin du détail machine

/library/section/use-case-index.json