Waimia.
Réserver un audit →

Feature Sections

feature-split-media

stable Bibliothèque Contenu inline (instance)

Présenter les capacités, Expliquer un concept

Une feature majeure exposée en deux colonnes : texte et points clés d’un côté, mockup ou capture de l’autre. Le champ reversed permet d’alterner les côtés au fil de la page.

feature split media mockup reversed
Ouvrir dans le builder

Instances sur le site

Global 4 instances sur 4 pages

Page Position Contenu Variante
/audit-ia-pme section 7 Besoin d'y voir plus loin ? La grille des 47 critères paper-2
/lp/site-web-intelligent section 4 Le site est le socle. Le reste se branche dessus. paper
/lp/visibilite-google-ia section 6 llms.txt n'est pas votre stratégie de visibilité. paper
/services/template-service-ref section 8 Un pilotage lisible en un coup d'œil paper-2

Aperçu

Comment l'utiliser

Intention

Présenter les capacités Expliquer un concept

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Défilement

Éléments

Image Boutons Liste

Mise en page

2 colonnes Média à gauche Média à droite Scindé

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
reversed Présentation bool Non · ·
layout Présentation enum Non · split-1-2 · split-2-1
media_sticky Présentation bool Non · ·
proportion Présentation enum Non · 1-1 · 1-2 · 2-1 · 2-3 · 3-2
mediaSide Présentation enum Non · left · right
contentAlign Présentation enum Non · start · center · end
actionsAlign Présentation enum Non · start · center · end · spread
density Présentation enum Non · compact · base · ample
placement Présentation object Non · ·
kicker Contenu text Non fr / en ·
h2 Contenu text Oui fr / en ·
body Contenu richtext Oui fr / en ·
points Contenu array Non · 0..6
media_src Contenu image Non · ·
media_alt Contenu text Non fr / en ·
media_caption Contenu text Non fr / en ·
cta_label Contenu text Non fr / en ·
cta_href Contenu url Non · ·

Déclinaisons · 25

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

  • Feature split média · symétrique · papier

    curée
    feature-split-media--1-1-paper

  • Feature split média · texte étroit · média large · papier

    curée
    feature-split-media--1-2-paper

  • Feature split média · média à gauche · texte large · papier

    curée
    feature-split-media--2-1-media-left-paper

  • Feature split média · texte dominant · papier 2

    curée
    feature-split-media--3-2-paper-2

  • Feature split média · média dominant à gauche · papier 3

    curée
    feature-split-media--2-3-media-left-paper-3

  • Feature split média · média large collant · papier 2

    curée
    feature-split-media--1-2-sticky-paper-2

  • Feature split média · symétrique · texte centré · encre

    curée
    feature-split-media--1-1-centered-ink

  • Feature split média · texte large · ample · encre

    curée
    feature-split-media--2-1-ample-ink

  • Feature split média · atomique · média avant le texte

    curée
    feature-split-media--atomic-media-first

  • Feature split média · atomique · texte à gauche · CTA au centre

    curée
    feature-split-media--atomic-cta-centre

  • Feature split média · atomique · titre centré · CTA à droite

    curée
    feature-split-media--atomic-header-centre

  • Feature split média · atomique · corps de texte aligné à droite

    curée
    feature-split-media--atomic-body-end

  • feature-split-media · équilibré

    générée
    feature-split-media--1-1

  • feature-split-media · média dominant · média à gauche

    générée
    feature-split-media--1-2-left

  • feature-split-media · média dominant · média à droite

    générée
    feature-split-media--1-2-right

  • feature-split-media · texte dominant · média à gauche

    générée
    feature-split-media--2-1-left

  • feature-split-media · texte dominant · média à droite

    générée
    feature-split-media--2-1-right

  • feature-split-media · média large · média à gauche

    générée
    feature-split-media--2-3-left

  • feature-split-media · média large · média à droite

    générée
    feature-split-media--2-3-right

  • feature-split-media · texte large · média à gauche

    générée
    feature-split-media--3-2-left

  • feature-split-media · texte large · média à droite

    générée
    feature-split-media--3-2-right

  • feature-split-media · média très large · média à gauche

    générée
    feature-split-media--1-3-left

  • feature-split-media · média très large · média à droite

    générée
    feature-split-media--1-3-right

  • feature-split-media · texte très large · média à gauche

    générée
    feature-split-media--3-1-left

Comparer les déclinaisons · 24

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.

  • Feature split média · symétrique · papier

    curée
    feature-split-media--1-1-paper
    proportion:1-1
    Ouvrir dans le builder

  • Feature split média · texte étroit · média large · papier

    curée
    feature-split-media--1-2-paper
    proportion:1-2
    Ouvrir dans le builder

  • Feature split média · média à gauche · texte large · papier

    curée
    feature-split-media--2-1-media-left-paper
    proportion:2-1mediaSide:left
    Ouvrir dans le builder

  • Feature split média · texte dominant · papier 2

    curée
    feature-split-media--3-2-paper-2
    background:paper-2proportion:3-2
    Ouvrir dans le builder

  • Feature split média · média dominant à gauche · papier 3

    curée
    feature-split-media--2-3-media-left-paper-3
    background:paper-3proportion:2-3mediaSide:left
    Ouvrir dans le builder

  • Feature split média · média large collant · papier 2

    curée
    feature-split-media--1-2-sticky-paper-2
    background:paper-2proportion:1-2media_sticky:true
    Ouvrir dans le builder

  • Feature split média · symétrique · texte centré · encre

    curée
    feature-split-media--1-1-centered-ink
    background:inkproportion:1-1contentAlign:centeractionsAlign:center
    Ouvrir dans le builder

  • Feature split média · texte large · ample · encre

    curée
    feature-split-media--2-1-ample-ink
    background:inkproportion:2-1density:ample
    Ouvrir dans le builder

  • Feature split média · atomique · média avant le texte

    curée
    feature-split-media--atomic-media-first
    proportion:1-1placement
    Ouvrir dans le builder

  • Feature split média · atomique · texte à gauche · CTA au centre

    curée
    feature-split-media--atomic-cta-centre
    background:paper-2proportion:1-2placement
    Ouvrir dans le builder

  • Feature split média · atomique · titre centré · CTA à droite

    curée
    feature-split-media--atomic-header-centre
    background:inkproportion:1-1placement
    Ouvrir dans le builder

  • Feature split média · atomique · corps de texte aligné à droite

    curée
    feature-split-media--atomic-body-end
    background:paper-3proportion:2-1placement
    Ouvrir dans le builder

  • feature-split-media · équilibré

    générée
    feature-split-media--1-1
    proportion:1-1
    Ouvrir dans le builder

  • feature-split-media · média dominant · média à gauche

    générée
    feature-split-media--1-2-left
    proportion:1-2mediaSide:left
    Ouvrir dans le builder

  • feature-split-media · média dominant · média à droite

    générée
    feature-split-media--1-2-right
    proportion:1-2mediaSide:right
    Ouvrir dans le builder

  • feature-split-media · texte dominant · média à gauche

    générée
    feature-split-media--2-1-left
    proportion:2-1mediaSide:left
    Ouvrir dans le builder

  • feature-split-media · texte dominant · média à droite

    générée
    feature-split-media--2-1-right
    proportion:2-1mediaSide:right
    Ouvrir dans le builder

  • feature-split-media · média large · média à gauche

    générée
    feature-split-media--2-3-left
    proportion:2-3mediaSide:left
    Ouvrir dans le builder

  • feature-split-media · média large · média à droite

    générée
    feature-split-media--2-3-right
    proportion:2-3mediaSide:right
    Ouvrir dans le builder

  • feature-split-media · texte large · média à gauche

    générée
    feature-split-media--3-2-left
    proportion:3-2mediaSide:left
    Ouvrir dans le builder

  • feature-split-media · texte large · média à droite

    générée
    feature-split-media--3-2-right
    proportion:3-2mediaSide:right
    Ouvrir dans le builder

  • feature-split-media · média très large · média à gauche

    générée
    feature-split-media--1-3-left
    proportion:1-3mediaSide:left
    Ouvrir dans le builder

  • feature-split-media · média très large · média à droite

    générée
    feature-split-media--1-3-right
    proportion:1-3mediaSide:right
    Ouvrir dans le builder

  • feature-split-media · texte très large · média à gauche

    générée
    feature-split-media--3-1-left
    proportion:3-1mediaSide:left
    Ouvrir dans le builder

Sections liées

Même famille

about-story-split stable

Récit fondateur en deux colonnes : texte narratif de mission à gauche, timeline de jalons datés à droite. Raconte l’histoire de la marque sans verbiage.

split-media About Sections Illustration au traitListeFrise chronologique +3 17 décl.
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.
asymmetric-services stable

Services en rangées asymétriques (AsymmetricServiceRow) qui alternent gauche/droite : numéro display, nom, body et flèche, signature de /manifesto Acte II.

split-media Manifesto Sections Apparition au scrollDéfilement1 colonne 15 décl.
case-split stable

Cas client en split dark/light 50/50 : récit du cas à gauche (titre, body, CTA) et résultats chiffrés à droite.

split-media Testimonial Sections Apparition au scrollSurvolDéfilement +4 13 décl.
cta-split-visual stable

Bandeau CTA asymetrique 2 colonnes : texte kicker/titre/body/boutons a gauche, visuel SVG decoratif a droite. Distinct des CTA centres.

split-media CTA Sections Apparition au scrollDéfilementIllustration au trait +4 17 décl.
feature-zigzag stable

Lignes alternées visuel/texte (gauche-droite, droite-gauche) pour presenter les fonctionnalites cles d'une offre avec un rythme editorial fort.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +6 25 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

tech-positioning-split stable

Prise de position technologique en split 50/50 : kicker, titre display, aside, statement manifesto et facts mono clé/valeur.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +2 15 décl.
numbered-layer-list stable

Liste de couches numerotees : rang serif accent + titre + intro + sous-puces « → ». Ideale pour presenter une stack, des livrables ou des rangs par couche.

list Editorial Sections Apparition au scrollDéfilementListe +2 18 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.
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.
media-swap-band stable

Bande 2 ou 3 colonnes dont les images changent en fondu (auto ou au survol), avec CTA.

scroll-interactive Feature Sections Fondu enchaînéRotation automatiqueApparition au scroll +7 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.

Code

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

{
  "type": "feature-split-media",
  "background": "paper",
  "reversed": false,
  "layout": "split-2-1",
  "kicker_fr": "Orchestration",
  "kicker_en": "Orchestration",
  "h2_fr": "Une console pour <i>piloter</i> vos agents",
  "h2_en": "One console to <i>steer</i> your agents",
  "body_fr": "Suivez chaque décision, reprenez la main quand il le faut, ajustez les règles sans toucher au code. La supervision reste humaine, l’exécution devient continue.",
  "body_en": "Track every decision, take back control when needed, adjust the rules without touching code. Supervision stays human, execution becomes continuous.",
  "points": [
    {
      "label_fr": "Journal de décisions traçable et exportable",
      "label_en": "Traceable, exportable decision log"
    },
    {
      "label_fr": "Reprise humaine en un clic sur tout workflow",
      "label_en": "One-click human takeover on any workflow"
    },
    {
      "label_fr": "Règles métier éditables sans déploiement",
      "label_en": "Business rules editable without a deploy"
    }
  ],
  "media_src": "/media/feature-console.svg",
  "media_alt_fr": "Capture de la console d’orchestration des agents Waimia",
  "media_alt_en": "Screenshot of the Waimia agent orchestration console",
  "media_caption_fr": "Console d’orchestration · vue supervision",
  "media_caption_en": "Orchestration console · supervision view",
  "cta_label_fr": "Voir une démo",
  "cta_label_en": "See a demo",
  "cta_href": "/contact?demo=console"
}

Pour un agent / MCP

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

/library/section/feature-split-media.json

Chemin du détail machine

/library/section/feature-split-media.json