<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 900 360" role="img" aria-labelledby="t-perimetre">
  <title id="t-perimetre">Ce que Claude Design fait et ne fait pas en avril 2026</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; }
      .col-head { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 800; fill: #f5f1eb; letter-spacing: 2px; text-transform: uppercase; }
      .item { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 500; fill: #1a1a1a; }
      .head-yes { fill: url(#otium-grad); }
      .head-no { fill: #1a1a1a; }
      .box { fill: #f5f1eb; stroke: #1a1a1a; stroke-width: 1.2; opacity: 0.4; }
      .dot { fill: url(#otium-grad); }
      .dot-no { fill: #1a1a1a; opacity: 0.5; }
    </style>
  </defs>

  <text x="30" y="35" class="title">Claude Design · le périmètre réel</text>

  <rect x="30" y="65" width="410" height="52" class="head-yes" rx="6" />
  <text x="235" y="98" text-anchor="middle" class="col-head">Ce qu'il fait bien</text>

  <rect x="460" y="65" width="410" height="52" class="head-no" rx="6" />
  <text x="665" y="98" text-anchor="middle" class="col-head">Ce qu'il ne fait pas</text>

  <circle cx="55" cy="150" r="5" class="dot" />
  <text x="75" y="155" class="item">Pitch decks, slides, one-pagers</text>

  <circle cx="55" cy="180" r="5" class="dot" />
  <text x="75" y="185" class="item">Landing pages et sites interactifs</text>

  <circle cx="55" cy="210" r="5" class="dot" />
  <text x="75" y="215" class="item">Prototypes d'app cliquables</text>

  <circle cx="55" cy="240" r="5" class="dot" />
  <text x="75" y="245" class="item">Design systems générés du codebase</text>

  <circle cx="55" cy="270" r="5" class="dot" />
  <text x="75" y="275" class="item">Export Canva, PPTX, PDF, HTML</text>

  <circle cx="55" cy="300" r="5" class="dot" />
  <text x="75" y="305" class="item">Itération par chat, sliders spacing/color</text>

  <circle cx="485" cy="150" r="5" class="dot-no" />
  <text x="505" y="155" class="item">Génération d'images ou illustrations</text>

  <circle cx="485" cy="180" r="5" class="dot-no" />
  <text x="505" y="185" class="item">Gestion de brand kits multi-assets</text>

  <circle cx="485" cy="210" r="5" class="dot-no" />
  <text x="505" y="215" class="item">Collaboration temps réel type Figma</text>

  <circle cx="485" cy="240" r="5" class="dot-no" />
  <text x="505" y="245" class="item">Handoff dev avec specs précises</text>

  <circle cx="485" cy="270" r="5" class="dot-no" />
  <text x="505" y="275" class="item">Retouche photo ou édition pixel</text>

  <circle cx="485" cy="300" r="5" class="dot-no" />
  <text x="505" y="305" class="item">Production à l'échelle sans brief</text>
</svg>
