Terminal Sections

terminal-mockup

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

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

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	·
`h2`	Contenu	`text`	Non	fr / en	·
`intro`	Contenu	`text`	Non	fr / en	·
`layout`	Présentation	`enum`	Non	·	split · full
`label`	Contenu	`text`	Non	·	·
`status`	Contenu	`text`	Non	·	·
`tone`	Présentation	`enum`	Non	·	ink · paper
`background`	Présentation	`enum`	Non	·	paper · paper-2 · ink
`lines`	Contenu	`array`	Oui	·	1..14
`show_cursor`	Contenu	`bool`	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é.

Terminal · cadre papier 2
curée
terminal-mockup--paper-2
Terminal · cadre encre
curée
terminal-mockup--ink
Terminal · pleine largeur
curée
terminal-mockup--full
terminal-mockup · grille uniforme
générée
terminal-mockup--grid-uniform
terminal-mockup · grille auto
générée
terminal-mockup--grid-auto
terminal-mockup · grille asymétrique
générée
terminal-mockup--grid-asym
terminal-mockup · liste
générée
terminal-mockup--list
terminal-mockup · lignes séparées
générée
terminal-mockup--rows-divided
terminal-mockup · bento vedette
générée
terminal-mockup--bento-feature
terminal-mockup · vedette + split
générée
terminal-mockup--featured-split
terminal-mockup · deux colonnes
générée
terminal-mockup--two-col
terminal-mockup · alternance
générée
terminal-mockup--alternating
terminal-mockup · jeu de cartes
générée
terminal-mockup--cards-deck
terminal-mockup · liste média à gauche
générée
terminal-mockup--list-media-left
terminal-mockup · grille 3 + vedette
générée
terminal-mockup--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.

Terminal · cadre papier 2
curée
terminal-mockup--paper-2
background:paper-2
Ouvrir dans le builder
Terminal · cadre encre
curée
terminal-mockup--ink
background:ink
Ouvrir dans le builder
Terminal · pleine largeur
curée
terminal-mockup--full
layout:full
Ouvrir dans le builder
terminal-mockup · grille uniforme
générée
terminal-mockup--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
terminal-mockup · grille auto
générée
terminal-mockup--grid-auto
layout:grid-auto
Ouvrir dans le builder
terminal-mockup · grille asymétrique
générée
terminal-mockup--grid-asym
layout:grid-asym
Ouvrir dans le builder
terminal-mockup · liste
générée
terminal-mockup--list
layout:list
Ouvrir dans le builder
terminal-mockup · lignes séparées
générée
terminal-mockup--rows-divided
layout:rows-divided
Ouvrir dans le builder
terminal-mockup · bento vedette
générée
terminal-mockup--bento-feature
layout:bento-feature
Ouvrir dans le builder
terminal-mockup · vedette + split
générée
terminal-mockup--featured-split
layout:featured-split
Ouvrir dans le builder
terminal-mockup · deux colonnes
générée
terminal-mockup--two-col
layout:two-col
Ouvrir dans le builder
terminal-mockup · alternance
générée
terminal-mockup--alternating
layout:alternating
Ouvrir dans le builder
terminal-mockup · jeu de cartes
générée
terminal-mockup--cards-deck
layout:cards-deck
Ouvrir dans le builder
terminal-mockup · liste média à gauche
générée
terminal-mockup--list-media-left
layout:list-media-left
Ouvrir dans le builder
terminal-mockup · grille 3 + vedette
générée
terminal-mockup--grid-3-featured
layout:grid-3-featured
Ouvrir dans le builder

Sections liées

Même famille

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.

Même catégorie

agentic-terminal stable

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

Similaires

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.

tech-capabilities-specs stable

Inventaire technique en table spec (capacité, description, statut) avec en-tête kicker et aside.

table Feature Sections Défilement horizontalApparition au scrollSurvol +6 9 décl.

operating-layer stable

Section couche opérationnelle fond sombre : chapter label + h2 + lede + CTA, console terminal mockup à droite, strip 4 attributs en pied.

card-grid Feature Sections Apparition au scrollDéfilementIllustration au trait +3 14 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.

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.

why-stalls stable

Section éditoriale "pourquoi X cale" : chapter label sticky à gauche + N FIG rows à droite avec row-lines.

card-grid Feature Sections DéfilementIllustration au trait2 colonnes +2 14 décl.

Code

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

{
  "type": "terminal-mockup",
  "kicker_fr": "[platform] · VirtuoseOS · OS interne propriétaire",
  "kicker_en": "[platform] · VirtuoseOS · proprietary internal OS",
  "h2_fr": "Faites défiler la <i class=\"acc\">console</i>.",
  "h2_en": "Scroll the <i class=\"acc\">console</i>.",
  "intro_fr": "Quatre étapes pour câbler un système : cartographier, câbler, orchestrer, industrialiser. La console les déroule à la cadence d&rsquo;un terminal.",
  "intro_en": "Four steps to wire a system: map, wire, orchestrate, industrialize. The console unfolds them at terminal pace.",
  "layout": "split",
  "label": "waimia@virtuose ~ / demo-saas",
  "status": "◉ live",
  "tone": "ink",
  "background": "paper",
  "lines": [
    {
      "kind": "cmd",
      "text_fr": "virtuose --version",
      "text_en": "virtuose --version"
    },
    {
      "kind": "out",
      "text_fr": "VirtuoseOS 2.4.1 · locale fr-FR · kernel ok",
      "text_en": "VirtuoseOS 2.4.1 · locale en-US · kernel ok"
    },
    {
      "kind": "cmd",
      "text_fr": "virtuose ship pipeline.agent",
      "text_en": "virtuose ship pipeline.agent"
    },
    {
      "kind": "out",
      "text_fr": "→ hubspot.sync ok · 482 contacts",
      "text_en": "→ hubspot.sync ok · 482 contacts"
    },
    {
      "kind": "out",
      "text_fr": "→ claude.triage ok · 14 handoffs",
      "text_en": "→ claude.triage ok · 14 handoffs"
    },
    {
      "kind": "ok",
      "text_fr": "pipeline shipped · +19 540 € pipeline",
      "text_en": "pipeline shipped · +€19,540 pipeline"
    },
    {
      "kind": "comment",
      "text_fr": "// audit trail signé · validation humaine requise",
      "text_en": "// signed audit trail · human validation required"
    }
  ],
  "show_cursor": true
}

Pour un agent / MCP

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

/library/section/terminal-mockup.json

Chemin du détail machine

/library/section/terminal-mockup.json