system-flow

Instances sur le site

Global 20 instances sur 20 pages

Aperçu

Comment l'utiliser

Déclinaisons · 16

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

• Flux système · encre

  curée
  system-flow--ink
• Flux système · diagramme horizontal

  curée
  system-flow--diagram
• Flux système · rail scrollable

  curée
  system-flow--horizontal
• Flux système · étapes empilées

  curée
  system-flow--vertical-stack
• Flux système · empilé · aéré

  curée
  system-flow--vertical-stack-ample
• Flux système · diagramme · compact

  curée
  system-flow--diagram-compact
• Flux système · header centré

  curée
  system-flow--head-center
• Flux système · en-tête aligné à droite

  curée
  system-flow--head-end
• Flux système · cartes masquées mobile (atomique)

  curée
  system-flow--atomic-flow-hide-mobile
• system-flow · lignes numérotées

  générée
  system-flow--numbered-rows
• system-flow · grille étapes

  générée
  system-flow--grid-steps
• system-flow · zigzag

  générée
  system-flow--zigzag
• system-flow · ligne connectée

  générée
  system-flow--connected-line
• system-flow · cartes étapes

  générée
  system-flow--cards-steps
• system-flow · serpentin

  générée
  system-flow--snake
• system-flow · vertical alterné

  générée
  system-flow--vertical-alternating

Comparer les déclinaisons · 16

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.

• Flux système · encre

  curée
  system-flow--ink

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

  Ouvrir dans le builder

• Flux système · diagramme horizontal

  curée
  system-flow--diagram
  layout:diagram
  Ouvrir dans le builder

• Flux système · rail scrollable

  curée
  system-flow--horizontal
  layout:horizontal
  Ouvrir dans le builder

• Flux système · étapes empilées

  curée
  system-flow--vertical-stack
  layout:vertical-stack
  Ouvrir dans le builder

• Flux système · empilé · aéré

  curée
  system-flow--vertical-stack-ample
  layout:vertical-stackdensity:ample
  Ouvrir dans le builder

• Flux système · diagramme · compact

  curée
  system-flow--diagram-compact
  layout:diagramdensity:compact
  Ouvrir dans le builder

• Flux système · header centré

  curée
  system-flow--head-center
  layout:horizontalcontentAlign:center
  Ouvrir dans le builder

• Flux système · en-tête aligné à droite

  curée
  system-flow--head-end
  layout:diagramplacement
  Ouvrir dans le builder

• Flux système · cartes masquées mobile (atomique)

  curée
  system-flow--atomic-flow-hide-mobile
  layout:horizontalplacement
  Ouvrir dans le builder

• system-flow · lignes numérotées

  générée
  system-flow--numbered-rows
  layout:numbered-rows
  Ouvrir dans le builder

• system-flow · grille étapes

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

• system-flow · zigzag

  générée
  system-flow--zigzag
  layout:zigzag
  Ouvrir dans le builder

• system-flow · ligne connectée

  générée
  system-flow--connected-line
  layout:connected-line
  Ouvrir dans le builder

• system-flow · cartes étapes

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

• system-flow · serpentin

  générée
  system-flow--snake
  layout:snake
  Ouvrir dans le builder

• system-flow · vertical alterné

  générée
  system-flow--vertical-alternating
  layout:vertical-alternating
  Ouvrir dans le builder

Sections liées

Code

{
  "type": "system-flow",
  "background": "ink",
  "fig_num": "Fig. 3.0",
  "fig_title_fr": "Architecture du système",
  "fig_title_en": "System architecture",
  "meta_fr": "PowerLoop · v1",
  "meta_en": "PowerLoop · v1",
  "h2_fr": "Site → lead → scoring → CRM → <i class=\"acc\">apprentissage</i>.",
  "h2_en": "Site → lead → scoring → CRM → <i class=\"acc\">learning</i>.",
  "lede_fr": "Chaque maillon transforme une visite anonyme en signal exploitable, puis renvoie la donnée vers le site pour l'améliorer.",
  "lede_en": "Each link turns an anonymous visit into a usable signal, then feeds the data back to the site to improve it.",
  "steps": [
    {
      "title_fr": "Site",
      "title_en": "Site",
      "desc_fr": "Pages rapides, contenu structuré, points de conversion clairs.",
      "desc_en": "Fast pages, structured content, clear conversion points."
    },
    {
      "title_fr": "Lead magnet",
      "title_en": "Lead magnet",
      "desc_fr": "Ressource à valeur en échange d'un contact qualifié.",
      "desc_en": "A valuable resource in exchange for a qualified contact."
    },
    {
      "title_fr": "Scoring",
      "title_en": "Scoring",
      "desc_fr": "Intention lue, contact noté selon son comportement.",
      "desc_en": "Intent read, contact scored on behaviour."
    },
    {
      "title_fr": "CRM",
      "title_en": "CRM",
      "desc_fr": "Contact enrichi, routé, alerte commerciale déclenchée.",
      "desc_en": "Contact enriched, routed, sales alert triggered."
    },
    {
      "title_fr": "Amélioration",
      "title_en": "Improvement",
      "desc_fr": "Mesure → hypothèses → itérations. La boucle se referme.",
      "desc_en": "Measure → hypotheses → iterations. The loop closes."
    }
  ],
  "loop_label_fr": "boucle d'amélioration continue",
  "loop_label_en": "continuous improvement loop"
}

/library/section/system-flow.json