Feature Sections
operating-layer
stable Bibliothèque Contenu inline (instance)Présenter les capacités
Section couche opérationnelle fond sombre : chapter label + h2 + lede + CTA, console terminal mockup à droite, strip 4 attributs en pied.
Instances sur le site
Global 0 instance en page composable
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
chapter_num | Contenu | text | Oui | · | · |
chapter_title | Contenu | text | Oui | fr / en | · |
spec_label | Contenu | text | Oui | · | · |
h2 | Contenu | text | Oui | fr / en | · |
lede | Contenu | text | Oui | fr / en | · |
cta_primary | Contenu | object | Oui | · | · |
cta_secondary | Contenu | object | Non | · | · |
terminal_label | Contenu | text | Oui | · | · |
console_lines | Contenu | array | Oui | · | 2..8 |
console_cmd | Contenu | text | Oui | · | · |
attrs | Contenu | array | Oui | · | · |
Déclinaisons · 14
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.
-
operating-layer · grille uniforme
généréeoperating-layer--grid-uniform -
operating-layer · grille auto
généréeoperating-layer--grid-auto -
operating-layer · grille asymétrique
généréeoperating-layer--grid-asym -
operating-layer · liste
généréeoperating-layer--list -
operating-layer · lignes séparées
généréeoperating-layer--rows-divided -
operating-layer · bento vedette
généréeoperating-layer--bento-feature -
operating-layer · vedette + split
généréeoperating-layer--featured-split -
operating-layer · deux colonnes
généréeoperating-layer--two-col -
operating-layer · alternance
généréeoperating-layer--alternating -
operating-layer · jeu de cartes
généréeoperating-layer--cards-deck -
operating-layer · liste média à gauche
généréeoperating-layer--list-media-left -
operating-layer · grille 3 + vedette
généréeoperating-layer--grid-3-featured
Comparer les déclinaisons · 12
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.
-
operating-layer · grille uniforme
généréeoperating-layer--grid-uniformlayout:grid-uniformOuvrir dans le builder -
operating-layer · grille auto
généréeoperating-layer--grid-autolayout:grid-autoOuvrir dans le builder -
operating-layer · grille asymétrique
généréeoperating-layer--grid-asymlayout:grid-asymOuvrir dans le builder -
operating-layer · liste
généréeoperating-layer--listlayout:listOuvrir dans le builder -
operating-layer · lignes séparées
généréeoperating-layer--rows-dividedlayout:rows-dividedOuvrir dans le builder -
operating-layer · bento vedette
généréeoperating-layer--bento-featurelayout:bento-featureOuvrir dans le builder -
operating-layer · vedette + split
généréeoperating-layer--featured-splitlayout:featured-splitOuvrir dans le builder -
operating-layer · deux colonnes
généréeoperating-layer--two-collayout:two-colOuvrir dans le builder -
operating-layer · alternance
généréeoperating-layer--alternatinglayout:alternatingOuvrir dans le builder -
operating-layer · jeu de cartes
généréeoperating-layer--cards-decklayout:cards-deckOuvrir dans le builder -
operating-layer · liste média à gauche
généréeoperating-layer--list-media-leftlayout:list-media-leftOuvrir dans le builder -
operating-layer · grille 3 + vedette
généréeoperating-layer--grid-3-featuredlayout:grid-3-featuredOuvrir 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Apparition au scrollDéfilementListe +1 17 décl.Similaires
offer-tier-grid stable Section de palier d’offres avec eyebrow, H2, lede, grille de cartes et variante hero sombre optionnelle.
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.
Apparition au scrollDéfilementIllustration au trait +5 17 décl.editorial-preview stable Index éditorial de publications en lignes numérotées (num · date · tag · titre italique · flèche), extrait de FieldNotes.
Apparition au scrollSurvolDéfilement +3 17 décl.editorial-split-grid stable Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.
Apparition au scrollSurvolDéfilement +4 17 décl.related-cards-band stable Bande de trois cards connexes pour relier cas, offres ou ressources en fin de page.
Apparition au scrollSurvolDéfilement +2 17 décl.services-grid stable Grille éditoriale de services 3×2 avec figure, métrique, body et ligne de connecteurs en pied de cellule.
Apparition au scrollSurvolDéfilement +2 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "operating-layer",
"chapter_num": "FIG III · 3.0",
"chapter_title_fr": "Acte III · La plateforme",
"chapter_title_en": "Act III · The platform",
"spec_label": "VIRTUOSEOS · v2.4",
"h2_fr": "La <i>couche opérationnelle</i> sous-jacente.",
"h2_en": "The <i>operating layer</i> we ship under.",
"lede_fr": "VirtuoseOS est le kernel qui se trouve sous chaque intervention Waimia : workspaces, agents, trace auditable des commandes, UI française d'abord.",
"lede_en": "VirtuoseOS is the kernel that sits under every Waimia engagement: workspaces, agents, auditable command trails, a French-first UI.",
"cta_primary": {
"label_fr": "Visite produit →",
"label_en": "See product tour →",
"href": "/expertise-claude",
"variant": "accent"
},
"cta_secondary": {
"label_fr": "Voir le changelog",
"label_en": "Read changelog",
"href": "/blog",
"variant": "ghost"
},
"terminal_label": "waimia · workspace/demo",
"console_lines": [
{
"k": "[kernel]",
"v": "multi-workspace/init ok"
},
{
"k": "[agent:revops]",
"v": "14 handoffs routed · 0 dropped"
},
{
"k": "[hubspot]",
"v": "482 contacts synced ◉"
},
{
"k": "[audit]",
"v": "trail open · last 12 min"
},
{
"k": "[locale]",
"v": "fr-FR · typographic rules on"
}
],
"console_cmd": "$ waimia ship pipeline.agent --workspace=demo",
"attrs": [
{
"k": "Kernel",
"v_fr": "Multi-workspace",
"v_en": "Multi-workspace"
},
{
"k": "Agents",
"v_fr": "Audités, réversibles",
"v_en": "Audited, reversible"
},
{
"k": "Data",
"v_fr": "CRM-natif + entrepôt",
"v_en": "CRM-native + warehouse"
},
{
"k": "Locale",
"v_fr": "FR-first · parité EN",
"v_en": "FR-first · EN parity"
}
]
}/library/section/operating-layer.json
Chemin du détail machine
/library/section/operating-layer.json