<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 300" role="img" aria-labelledby="t-workflow">
  <title id="t-workflow">Workflow type d'un utilisateur Claude Design exportant vers Canva</title>
  <defs>
    <linearGradient id="otium-grad" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" stop-color="#7B2DB8"/>
      <stop offset="50%" stop-color="#C73252"/>
      <stop offset="100%" stop-color="#F05E2C"/>
    </linearGradient>
    <style>
      .title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; letter-spacing: 1px; text-transform: uppercase; }
      .step { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 1.5; }
      .step-head { fill: url(#otium-grad); }
      .step-num { font-family: 'Montserrat', sans-serif; font-size: 24px; font-weight: 900; fill: #f5f1eb; }
      .step-title { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 700; fill: #1a1a1a; }
      .step-desc { font-family: 'Montserrat', sans-serif; font-size: 11px; fill: #333; }
      .arrow { stroke: url(#otium-grad); stroke-width: 2; fill: none; marker-end: url(#arrowhead); }
    </style>
    <marker id="arrowhead" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="8" markerHeight="8" orient="auto">
      <path d="M 0 0 L 10 5 L 0 10 z" fill="#F05E2C"/>
    </marker>
  </defs>

  <text x="30" y="35" class="title">Un brief · trois heures · un export Canva éditable</text>

  <rect x="30" y="70" width="180" height="180" class="step" rx="6" />
  <rect x="30" y="70" width="180" height="44" class="step-head" rx="6" />
  <text x="120" y="100" text-anchor="middle" class="step-num">01</text>
  <text x="120" y="140" text-anchor="middle" class="step-title">Brief</text>
  <text x="120" y="175" text-anchor="middle" class="step-desc">Prompt initial :</text>
  <text x="120" y="193" text-anchor="middle" class="step-desc">"deck 10 slides</text>
  <text x="120" y="211" text-anchor="middle" class="step-desc">pour investisseurs,</text>
  <text x="120" y="229" text-anchor="middle" class="step-desc">ton sobre, data-heavy"</text>

  <line x1="215" y1="160" x2="245" y2="160" class="arrow" />

  <rect x="250" y="70" width="180" height="180" class="step" rx="6" />
  <rect x="250" y="70" width="180" height="44" class="step-head" rx="6" />
  <text x="340" y="100" text-anchor="middle" class="step-num">02</text>
  <text x="340" y="140" text-anchor="middle" class="step-title">Génération</text>
  <text x="340" y="175" text-anchor="middle" class="step-desc">3 variantes de deck</text>
  <text x="340" y="193" text-anchor="middle" class="step-desc">layout + contenu +</text>
  <text x="340" y="211" text-anchor="middle" class="step-desc">hiérarchie typo</text>
  <text x="340" y="229" text-anchor="middle" class="step-desc">~10 minutes</text>

  <line x1="435" y1="160" x2="465" y2="160" class="arrow" />

  <rect x="470" y="70" width="180" height="180" class="step" rx="6" />
  <rect x="470" y="70" width="180" height="44" class="step-head" rx="6" />
  <text x="560" y="100" text-anchor="middle" class="step-num">03</text>
  <text x="560" y="140" text-anchor="middle" class="step-title">Itération</text>
  <text x="560" y="175" text-anchor="middle" class="step-desc">Chat + sliders :</text>
  <text x="560" y="193" text-anchor="middle" class="step-desc">spacing, couleurs,</text>
  <text x="560" y="211" text-anchor="middle" class="step-desc">layout temps réel.</text>
  <text x="560" y="229" text-anchor="middle" class="step-desc">~1h de retouche</text>

  <line x1="655" y1="160" x2="685" y2="160" class="arrow" />

  <rect x="690" y="70" width="180" height="180" class="step" rx="6" />
  <rect x="690" y="70" width="180" height="44" class="step-head" rx="6" />
  <text x="780" y="100" text-anchor="middle" class="step-num">04</text>
  <text x="780" y="140" text-anchor="middle" class="step-title">Export Canva</text>
  <text x="780" y="175" text-anchor="middle" class="step-desc">Deck éditable</text>
  <text x="780" y="193" text-anchor="middle" class="step-desc">par l'équipe,</text>
  <text x="780" y="211" text-anchor="middle" class="step-desc">brand kit appliqué,</text>
  <text x="780" y="229" text-anchor="middle" class="step-desc">collaboration ouverte</text>

  <text x="30" y="290" style="font-family:'DM Mono',monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;fill:#555;">Source : Anthropic, Canva Newsroom — avril 2026</text>
</svg>
