Waimia.
Réserver un audit →

Manifesto Sections

asymmetric-services

stable Bibliothèque Contenu inline (instance)

Raconter une histoire

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

manifesto services asymmetric alternating editorial rows
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

Raconter une histoire

Rôle de page

Ouverture

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Défilement

Mise en page

1 colonne

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
num Contenu text Oui fr / en ·
kicker Contenu text Oui fr / en ·
meta Contenu text Non fr / en ·
h2 Contenu text Oui fr / en ·
intro Contenu text Non fr / en ·
background Présentation enum Non · paper · paper-2 · ink
items Contenu array Oui · 2..8

Déclinaisons · 15

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

  • Services asymétriques · papier 2

    curée
    asymmetric-services--paper-2

  • Services asymétriques · encre

    curée
    asymmetric-services--ink

  • asymmetric-services · équilibré

    générée
    asymmetric-services--1-1

  • asymmetric-services · média dominant · média à gauche

    générée
    asymmetric-services--1-2-left

  • asymmetric-services · média dominant · média à droite

    générée
    asymmetric-services--1-2-right

  • asymmetric-services · texte dominant · média à gauche

    générée
    asymmetric-services--2-1-left

  • asymmetric-services · texte dominant · média à droite

    générée
    asymmetric-services--2-1-right

  • asymmetric-services · média large · média à gauche

    générée
    asymmetric-services--2-3-left

  • asymmetric-services · média large · média à droite

    générée
    asymmetric-services--2-3-right

  • asymmetric-services · texte large · média à gauche

    générée
    asymmetric-services--3-2-left

  • asymmetric-services · texte large · média à droite

    générée
    asymmetric-services--3-2-right

  • asymmetric-services · média très large · média à gauche

    générée
    asymmetric-services--1-3-left

  • asymmetric-services · média très large · média à droite

    générée
    asymmetric-services--1-3-right

  • asymmetric-services · texte très large · média à gauche

    générée
    asymmetric-services--3-1-left

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.

  • Services asymétriques · papier 2

    curée
    asymmetric-services--paper-2
    background:paper-2
    Ouvrir dans le builder

  • Services asymétriques · encre

    curée
    asymmetric-services--ink
    background:ink
    Ouvrir dans le builder

  • asymmetric-services · équilibré

    générée
    asymmetric-services--1-1
    proportion:1-1
    Ouvrir dans le builder

  • asymmetric-services · média dominant · média à gauche

    générée
    asymmetric-services--1-2-left
    proportion:1-2mediaSide:left
    Ouvrir dans le builder

  • asymmetric-services · média dominant · média à droite

    générée
    asymmetric-services--1-2-right
    proportion:1-2mediaSide:right
    Ouvrir dans le builder

  • asymmetric-services · texte dominant · média à gauche

    générée
    asymmetric-services--2-1-left
    proportion:2-1mediaSide:left
    Ouvrir dans le builder

  • asymmetric-services · texte dominant · média à droite

    générée
    asymmetric-services--2-1-right
    proportion:2-1mediaSide:right
    Ouvrir dans le builder

  • asymmetric-services · média large · média à gauche

    générée
    asymmetric-services--2-3-left
    proportion:2-3mediaSide:left
    Ouvrir dans le builder

  • asymmetric-services · média large · média à droite

    générée
    asymmetric-services--2-3-right
    proportion:2-3mediaSide:right
    Ouvrir dans le builder

  • asymmetric-services · texte large · média à gauche

    générée
    asymmetric-services--3-2-left
    proportion:3-2mediaSide:left
    Ouvrir dans le builder

  • asymmetric-services · texte large · média à droite

    générée
    asymmetric-services--3-2-right
    proportion:3-2mediaSide:right
    Ouvrir dans le builder

  • asymmetric-services · média très large · média à gauche

    générée
    asymmetric-services--1-3-left
    proportion:1-3mediaSide:left
    Ouvrir dans le builder

  • asymmetric-services · média très large · média à droite

    générée
    asymmetric-services--1-3-right
    proportion:1-3mediaSide:right
    Ouvrir dans le builder

  • asymmetric-services · texte très large · média à gauche

    générée
    asymmetric-services--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.
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-split-media stable

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.

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

bordered-pullquote stable

Citation manifeste a filet gauche : corps large avec accent italique + signature mono. Rendu du corps en HTML (accent <i>).

quote Manifesto Sections Apparition au scrollCitation1 colonne 12 décl.
manifesto-act stable

Acte numéroté de manifeste : label sticky (numéro romain + sous-titre), statement XL et rangée de chiffres massifs optionnelle, tone encre ou paper.

duo Manifesto Sections Apparition au scrollDéfilementIllustration au trait +2 15 décl.
manifesto-statement stable

Déclaration manifeste plein écran : kicker mono et statement XL en sans, relevés italiques serif, tone encre (interlude console) ou terracotta avec grille translucide.

quote Manifesto Sections Apparition au scrollDéfilementImage de fond +2 16 décl.

Similaires

statement-orbit stable

Statement éditorial pleine largeur : carte ink qui s'étend de 80 % à 100 % au scroll, titre serif accent, lede, CTA, et un média globe filaire (réseau en orbite). Pose un concept sous un hero.

prose Feature Sections Apparition au scrollDéfilementIllustration au trait +3 20 décl.
prose-aside stable

Colonne de prose editoriale (corps MDX) precedee d’un kicker en aside. Le corps vit dans le MDX, pas le frontmatter. Generique pour tout bloc prose + eyebrow lateral.

prose Editorial Sections Apparition au scroll2 colonnes 15 décl.
hero-manifesto stable

Hero editorial de page de marque : fond canvas liquide + 3 zones (meta band, titre display italique + sous-titre, intro + CTA + rangee de pied), plein viewport sombre.

hero Hero Header Sections Apparition au scrollDéfilementBoutons +2 13 décl.
hover-reveal-words stable

Prose editoriale dont certains mots declencheurs revelent une vignette image au survol (desktop, suit le curseur) ou au tap (mobile, vignette inline). Accessible au clavier.

prose Editorial Sections Révélation au survolSurvolClic (bascule) +3 16 décl.
author-byline stable

Ligne auteur compacte E-E-A-T sous un h1 d'article : avatar optionnel, nom, rôle, dates de publication et mise à jour, lien vers la page profil. Beaucoup plus léger qu'un hero auteur.

prose Team Sections Apparition au scrollDéfilementImage +2 15 décl.
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.

Code

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

{
  "type": "asymmetric-services",
  "num_fr": "II.",
  "num_en": "II.",
  "kicker_fr": "La méthode",
  "kicker_en": "The method",
  "meta_fr": "4 services · in-house",
  "meta_en": "4 services · in-house",
  "h2_fr": "On fait la couche <i class=\"acc\">sans prestige</i>. Exprès.",
  "h2_en": "We do the <i class=\"acc\">unglamorous</i> layer. On purpose.",
  "intro_fr": "Acquisition, contenu, CRM, analytics. Quatre métiers, une équipe qui livre. Pas d&rsquo;agence relai, pas de slide de comité : <strong>du code, du process, du résultat mesuré</strong>.",
  "intro_en": "Acquisition, content, CRM, analytics. Four crafts, one team that ships. No relay agency, no committee slide: <strong>code, process, measured results</strong>.",
  "background": "paper",
  "items": [
    {
      "num": "01",
      "label_fr": "Acquisition",
      "label_en": "Acquisition",
      "body_fr": "Campagnes pilotées par les signaux CRM, budget réalloué chaque semaine, zéro budget de vanité.",
      "body_en": "Campaigns driven by CRM signals, budget reallocated weekly, zero vanity spend."
    },
    {
      "num": "02",
      "label_fr": "Contenu",
      "label_en": "Content",
      "body_fr": "Production éditoriale outillée IA, relue par un humain, alignée sur la voix de la marque.",
      "body_en": "AI-assisted editorial production, human-reviewed, aligned with the brand voice."
    },
    {
      "num": "03",
      "label_fr": "CRM & sales ops",
      "label_en": "CRM & sales ops",
      "body_fr": "Scoring, relances et handoffs câblés dans le pipeline, mesurés chaque vendredi.",
      "body_en": "Scoring, follow-ups and handoffs wired into the pipeline, measured every Friday."
    },
    {
      "num": "04",
      "label_fr": "Analytics",
      "label_en": "Analytics",
      "body_fr": "Mesure unifiée : chaque action reliée au pipeline généré, exportable en comité.",
      "body_en": "Unified measurement: every action tied to generated pipeline, board-ready export."
    }
  ]
}

Pour un agent / MCP

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

/library/section/asymmetric-services.json

Chemin du détail machine

/library/section/asymmetric-services.json