Feature Sections

tech-stack-band

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

Bande stack technologique fond paper-2 avec kicker, lead et rangée de pills techniques.

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

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
`kicker`	Contenu	`text`	Oui	fr / en	·
`lead`	Contenu	`text`	Non	fr / en	·
`pills`	Contenu	`array`	Oui	·	2..16

Déclinaisons · 16

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

Bande stack tech · papier 3
curée
tech-stack-band--paper-3
Bande stack tech · encre
curée
tech-stack-band--ink
tech-stack-band · en ligne · aligné début
générée
tech-stack-band--inline-start
tech-stack-band · en ligne · centré
générée
tech-stack-band--inline-center
tech-stack-band · empilé · aligné début
générée
tech-stack-band--stacked-start
tech-stack-band · empilé · centré
générée
tech-stack-band--stacked-center
tech-stack-band · centré · aligné début
générée
tech-stack-band--centered-start
tech-stack-band · centré · centré
générée
tech-stack-band--centered-center
tech-stack-band · pleine largeur · aligné début
générée
tech-stack-band--full-bleed-start
tech-stack-band · pleine largeur · centré
générée
tech-stack-band--full-bleed-center
tech-stack-band · split image · aligné début
générée
tech-stack-band--split-image-start
tech-stack-band · split image · centré
générée
tech-stack-band--split-image-center
tech-stack-band · encadré · aligné début
générée
tech-stack-band--boxed-start
tech-stack-band · encadré · centré
générée
tech-stack-band--boxed-center

Comparer les déclinaisons · 14

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.

Bande stack tech · papier 3
curée
tech-stack-band--paper-3
background:paper-3
Ouvrir dans le builder
Bande stack tech · encre
curée
tech-stack-band--ink
background:ink
Ouvrir dans le builder
tech-stack-band · en ligne · aligné début
générée
tech-stack-band--inline-start
layout:inlinealign:start
Ouvrir dans le builder
tech-stack-band · en ligne · centré
générée
tech-stack-band--inline-center
layout:inlinealign:center
Ouvrir dans le builder
tech-stack-band · empilé · aligné début
générée
tech-stack-band--stacked-start
layout:stackedalign:start
Ouvrir dans le builder
tech-stack-band · empilé · centré
générée
tech-stack-band--stacked-center
layout:stackedalign:center
Ouvrir dans le builder
tech-stack-band · centré · aligné début
générée
tech-stack-band--centered-start
layout:centeredalign:start
Ouvrir dans le builder
tech-stack-band · centré · centré
générée
tech-stack-band--centered-center
layout:centeredalign:center
Ouvrir dans le builder
tech-stack-band · pleine largeur · aligné début
générée
tech-stack-band--full-bleed-start
layout:full-bleedalign:start
Ouvrir dans le builder
tech-stack-band · pleine largeur · centré
générée
tech-stack-band--full-bleed-center
layout:full-bleedalign:center
Ouvrir dans le builder
tech-stack-band · split image · aligné début
générée
tech-stack-band--split-image-start
layout:split-imagealign:start
Ouvrir dans le builder
tech-stack-band · split image · centré
générée
tech-stack-band--split-image-center
layout:split-imagealign:center
Ouvrir dans le builder
tech-stack-band · encadré · aligné début
générée
tech-stack-band--boxed-start
layout:boxedalign:start
Ouvrir dans le builder
tech-stack-band · encadré · centré
générée
tech-stack-band--boxed-center
layout:boxedalign:center
Ouvrir dans le builder

Sections liées

Même famille

announcement-banner stable

Bandeau d’annonce/promo fin : badge optionnel, texte court et lien, bouton de fermeture optionnel (dismissible), variantes accent, encre ou paper-2.

band Banner Sections SurvolBoutonsIcônes +2 17 décl.

branded-callout stable

Callout de marque fond paper-2 avec kicker §, titre display italique et corps de deux paragraphes, CTA optionnel.

band CTA Sections Apparition au scrollDéfilementBoutons +1 20 décl.

closing-cta-band stable

Bande CTA de cloture sur fond ink : kicker + titre display-lg (accent italique) + bouton primaire. Titre rendu en HTML (accent <em>).

band CTA Sections Apparition au scrollSurvolBoutons +1 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.

cta-band stable

Bandeau CTA horizontal pour relancer une action au milieu ou en fin de parcours.

band CTA Sections BoutonsPleine largeur 17 décl.

cta-final stable

CTA final pour conclure une page et orienter vers l'action de conversion principale.

band CTA Sections Apparition au scrollSurvolDéfilement +3 18 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

guarantee-block stable

Bloc garantie pour expliciter les engagements, réduire le risque perçu et rassurer.

band Feature Sections Liste2 colonnesMédia à droite +1 17 décl.

agentic-terminal stable

Mockup IDE agentique : fenêtre macOS, explorateur de fichiers, prompt utilisateur et bloc de code qui s'écrit en direct caractère par caractère, puis message de succès, footer stats et badges. Fond encre, accent terracotta.

terminal-shell Terminal Sections Bloc de codeBadge1 colonne 14 décl.

inclusions-list stable

Liste d'inclusions inline séparée par point médian pour expliciter le périmètre d'un engagement.

list Feature Sections Liste1 colonne 17 décl.

terminal-metrics-strip stable

Strip KPI télémétrie tout mono : 2 à 6 cellules clé/valeur bordées de hairlines, esthétique console (uptime, agents, release), fonds paper, paper-2 ou ink.

band Terminal Sections Chiffres clésBloc de code3 colonnes 16 décl.

offer-tier-grid stable

Section de palier d’offres avec eyebrow, H2, lede, grille de cartes et variante hero sombre optionnelle.

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

pain-points stable

Points de friction métier : en-tête eyebrow et titre display, aside Callout, frise Timeline numérotée des frictions.

card-grid Feature Sections Apparition au scrollDéfilementIllustration au trait +5 17 décl.

Code

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

{
  "type": "tech-stack-band",
  "kicker_fr": "§ 04 · La stack",
  "kicker_en": "§ 04 · The stack",
  "lead_fr": "Une stack courte, auditable, branchée sur vos outils existants. Pas de refonte si un connecteur suffit.",
  "lead_en": "A short, auditable stack wired to your existing tools. No rebuild when a connector is enough.",
  "pills": [
    {
      "label_fr": "Claude Opus",
      "label_en": "Claude Opus",
      "kind": "primary"
    },
    {
      "label_fr": "Claude Sonnet",
      "label_en": "Claude Sonnet",
      "kind": "primary"
    },
    {
      "label_fr": "HubSpot",
      "label_en": "HubSpot",
      "kind": "neutral"
    },
    {
      "label_fr": "PostgreSQL",
      "label_en": "PostgreSQL",
      "kind": "open"
    },
    {
      "label_fr": "Vercel",
      "label_en": "Vercel",
      "kind": "neutral"
    },
    {
      "label_fr": "Audit trail",
      "label_en": "Audit trail",
      "kind": "open"
    }
  ]
}

Pour un agent / MCP

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

/library/section/tech-stack-band.json

Chemin du détail machine

/library/section/tech-stack-band.json