process-steps

Instances sur le site

Global 12 instances sur 12 pages

Aperçu

Comment l'utiliser

Déclinaisons · 14

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 10 générées.

• Étapes process · papier

  curée
  process-steps--paper
• Étapes process · papier 2

  curée
  process-steps--paper-2
• Étapes process · papier 3

  curée
  process-steps--paper-3
• Étapes process · encre

  curée
  process-steps--ink
• process-steps · pile verticale

  générée
  process-steps--vertical-stack
• process-steps · horizontal

  générée
  process-steps--horizontal
• process-steps · lignes numérotées

  générée
  process-steps--numbered-rows
• process-steps · grille étapes

  générée
  process-steps--grid-steps
• process-steps · diagramme

  générée
  process-steps--diagram
• process-steps · zigzag

  générée
  process-steps--zigzag
• process-steps · ligne connectée

  générée
  process-steps--connected-line
• process-steps · cartes étapes

  générée
  process-steps--cards-steps
• process-steps · serpentin

  générée
  process-steps--snake
• process-steps · vertical alterné

  générée
  process-steps--vertical-alternating

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.

• Étapes process · papier

  curée
  process-steps--paper

  Identique à la démo par défaut (aucun axe surchargé).

  Ouvrir dans le builder

• Étapes process · papier 2

  curée
  process-steps--paper-2
  background:paper-2
  Ouvrir dans le builder

• Étapes process · papier 3

  curée
  process-steps--paper-3
  background:paper-3
  Ouvrir dans le builder

• Étapes process · encre

  curée
  process-steps--ink
  background:ink
  Ouvrir dans le builder

• process-steps · pile verticale

  générée
  process-steps--vertical-stack
  layout:vertical-stack
  Ouvrir dans le builder

• process-steps · horizontal

  générée
  process-steps--horizontal
  layout:horizontal
  Ouvrir dans le builder

• process-steps · lignes numérotées

  générée
  process-steps--numbered-rows
  layout:numbered-rows
  Ouvrir dans le builder

• process-steps · grille étapes

  générée
  process-steps--grid-steps
  layout:grid-steps
  Ouvrir dans le builder

• process-steps · diagramme

  générée
  process-steps--diagram
  layout:diagram
  Ouvrir dans le builder

• process-steps · zigzag

  générée
  process-steps--zigzag
  layout:zigzag
  Ouvrir dans le builder

• process-steps · ligne connectée

  générée
  process-steps--connected-line
  layout:connected-line
  Ouvrir dans le builder

• process-steps · cartes étapes

  générée
  process-steps--cards-steps
  layout:cards-steps
  Ouvrir dans le builder

• process-steps · serpentin

  générée
  process-steps--snake
  layout:snake
  Ouvrir dans le builder

• process-steps · vertical alterné

  générée
  process-steps--vertical-alternating
  layout:vertical-alternating
  Ouvrir dans le builder

Sections liées

Code

{
  "type": "process-steps",
  "kicker_fr": "[méthode] · comment ça marche",
  "kicker_en": "[method] · how it works",
  "h2_fr": "Quatre étapes, <i class=\"acc\">zéro</i> mystère.",
  "h2_en": "Four steps, <i class=\"acc\">zero</i> mystery.",
  "intro_fr": "Du diagnostic au système industrialisé. Chaque étape prépare la suivante, rien n’est sauté.",
  "intro_en": "From diagnosis to an industrialized system. Each step prepares the next, nothing is skipped.",
  "background": "paper",
  "steps": [
    {
      "title_fr": "Cartographier",
      "title_en": "Map",
      "body_fr": "On audite vos flux acquisition, CRM et contenu pour repérer les goulots réels.",
      "body_en": "We audit your acquisition, CRM and content flows to spot the real bottlenecks.",
      "meta_fr": "Semaine 1",
      "meta_en": "Week 1"
    },
    {
      "title_fr": "Câbler",
      "title_en": "Wire",
      "body_fr": "On branche les agents et les règles dans votre pipeline existant, sans tout casser.",
      "body_en": "We wire agents and rules into your existing pipeline, without breaking everything.",
      "meta_fr": "Semaines 2-3",
      "meta_en": "Weeks 2-3"
    },
    {
      "title_fr": "Orchestrer",
      "title_en": "Orchestrate",
      "body_fr": "On séquence les workflows, on pose les handoffs humains et l’audit trail signé.",
      "body_en": "We sequence workflows, set human handoffs and the signed audit trail.",
      "meta_fr": "Semaine 4",
      "meta_en": "Week 4"
    },
    {
      "title_fr": "Industrialiser",
      "title_en": "Industrialize",
      "body_fr": "On mesure, on réalloue, on documente. Le système tourne, vous gardez la main.",
      "body_en": "We measure, reallocate, document. The system runs, you keep control.",
      "meta_fr": "En continu",
      "meta_en": "Ongoing"
    }
  ]
}

/library/section/process-steps.json