Terminal Sections

terminal-metrics-strip

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

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.

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
`kicker`	Contenu	`text`	Non	fr / en	·
`background`	Présentation	`enum`	Non	·	paper · paper-2 · ink
`metrics`	Contenu	`array`	Oui	·	2..6

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

Bandeau télémétrie · fond papier 2
curée
terminal-metrics-strip--paper-2
Bandeau télémétrie · fond encre
curée
terminal-metrics-strip--ink
terminal-metrics-strip · en ligne · aligné début
générée
terminal-metrics-strip--inline-start
terminal-metrics-strip · en ligne · centré
générée
terminal-metrics-strip--inline-center
terminal-metrics-strip · empilé · aligné début
générée
terminal-metrics-strip--stacked-start
terminal-metrics-strip · empilé · centré
générée
terminal-metrics-strip--stacked-center
terminal-metrics-strip · centré · aligné début
générée
terminal-metrics-strip--centered-start
terminal-metrics-strip · centré · centré
générée
terminal-metrics-strip--centered-center
terminal-metrics-strip · pleine largeur · aligné début
générée
terminal-metrics-strip--full-bleed-start
terminal-metrics-strip · pleine largeur · centré
générée
terminal-metrics-strip--full-bleed-center
terminal-metrics-strip · split image · aligné début
générée
terminal-metrics-strip--split-image-start
terminal-metrics-strip · split image · centré
générée
terminal-metrics-strip--split-image-center
terminal-metrics-strip · encadré · aligné début
générée
terminal-metrics-strip--boxed-start
terminal-metrics-strip · encadré · centré
générée
terminal-metrics-strip--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.

Bandeau télémétrie · fond papier 2
curée
terminal-metrics-strip--paper-2
background:paper-2
Ouvrir dans le builder
Bandeau télémétrie · fond encre
curée
terminal-metrics-strip--ink
background:ink
Ouvrir dans le builder
terminal-metrics-strip · en ligne · aligné début
générée
terminal-metrics-strip--inline-start
layout:inlinealign:start
Ouvrir dans le builder
terminal-metrics-strip · en ligne · centré
générée
terminal-metrics-strip--inline-center
layout:inlinealign:center
Ouvrir dans le builder
terminal-metrics-strip · empilé · aligné début
générée
terminal-metrics-strip--stacked-start
layout:stackedalign:start
Ouvrir dans le builder
terminal-metrics-strip · empilé · centré
générée
terminal-metrics-strip--stacked-center
layout:stackedalign:center
Ouvrir dans le builder
terminal-metrics-strip · centré · aligné début
générée
terminal-metrics-strip--centered-start
layout:centeredalign:start
Ouvrir dans le builder
terminal-metrics-strip · centré · centré
générée
terminal-metrics-strip--centered-center
layout:centeredalign:center
Ouvrir dans le builder
terminal-metrics-strip · pleine largeur · aligné début
générée
terminal-metrics-strip--full-bleed-start
layout:full-bleedalign:start
Ouvrir dans le builder
terminal-metrics-strip · pleine largeur · centré
générée
terminal-metrics-strip--full-bleed-center
layout:full-bleedalign:center
Ouvrir dans le builder
terminal-metrics-strip · split image · aligné début
générée
terminal-metrics-strip--split-image-start
layout:split-imagealign:start
Ouvrir dans le builder
terminal-metrics-strip · split image · centré
générée
terminal-metrics-strip--split-image-center
layout:split-imagealign:center
Ouvrir dans le builder
terminal-metrics-strip · encadré · aligné début
générée
terminal-metrics-strip--boxed-start
layout:boxedalign:start
Ouvrir dans le builder
terminal-metrics-strip · encadré · centré
générée
terminal-metrics-strip--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

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.

code-showcase stable

Vitrine de code annoté pour devtools/SaaS technique : copy explicative, bloc code mono avec numéros de ligne et commentaires bilingues alignés, label fichier et langage, tone encre ou paper.

terminal-shell Terminal Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +7 18 décl.

product-reel stable

Reel produit scroll-driven : étapes à gauche pilotées au scroll, console terminal à droite dont le contenu change par écran. Viewport sticky.

terminal-shell Terminal Sections 2 colonnesMédia à droiteScindé 6 décl.

terminal-mockup stable

Console terminal configurable (frame TerminalMockup) : copy optionnelle à gauche, lignes cmd/out/ok/comment et curseur clignotant, layout split ou pleine largeur.

terminal-shell Terminal Sections Apparition au scrollDéfilementBloc de code +3 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.

tech-stack-band stable

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

band Feature Sections Badge1 colonne 16 décl.

problem-statement stable

Énoncé macro-typographique du problème avec stats optionnelles en grille hairline.

prose Feature Sections 3 colonnes 15 décl.

feature-comparison-grid stable

Différenciation légère « nous vs eux » en grille de cartes : 2 ou 3 colonnes, lignes cochées ou barrées, colonne mise en avant. Plus léger que la table comparative.

card-grid Feature Sections ListeCartes3 colonnes 18 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.

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.

Code

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

{
  "type": "terminal-metrics-strip",
  "kicker_fr": "◉ virtuoseos · v2.4.1 · télémétrie",
  "kicker_en": "◉ virtuoseos · v2.4.1 · telemetry",
  "background": "paper",
  "metrics": [
    {
      "value": "99.98%",
      "label_fr": "uptime",
      "label_en": "uptime"
    },
    {
      "value": "4 active",
      "label_fr": "workspaces",
      "label_en": "workspaces"
    },
    {
      "value": "14 live",
      "label_fr": "agents",
      "label_en": "agents"
    },
    {
      "value": "fr-FR / en-US",
      "label_fr": "locale",
      "label_en": "locale"
    },
    {
      "value": "2.4.1 · 04.2026",
      "label_fr": "release",
      "label_en": "release"
    }
  ]
}

Pour un agent / MCP

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

/library/section/terminal-metrics-strip.json

Chemin du détail machine

/library/section/terminal-metrics-strip.json