<svg viewBox="0 0 1200 675" xmlns="http://www.w3.org/2000/svg" font-family="'Hiragino Kaku Gothic ProN','Hiragino Sans','Noto Sans JP',sans-serif">
  <defs>
    <linearGradient id="titleUnderlineLlmsTxtRole" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <marker id="arrowLlmsTxtRole" viewBox="0 0 10 10" refX="9" refY="5" markerWidth="7" markerHeight="7" orient="auto-start-reverse">
      <path d="M0,0 L10,5 L0,10 z" fill="#a9a9a9"/>
    </marker>
  </defs>

  <rect x="0" y="0" width="1200" height="675" fill="#ffffff"/>

  <!-- タイトル -->
  <text x="600" y="46" text-anchor="middle" font-size="26" font-weight="700" fill="#2d2d2d">llms.txtがAIに伝える流れ</text>
  <rect x="460" y="62" width="280" height="4" rx="2" fill="url(#titleUnderlineLlmsTxtRole)"/>

  <!-- ステップ1 -->
  <rect x="90" y="160" width="280" height="260" rx="14" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <circle cx="230" cy="160" r="24" fill="#55aae2"/>
  <text x="230" y="168" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">1</text>
  <text x="230" y="216" text-anchor="middle" font-size="17" font-weight="700" fill="#2f6a91">AIがサイトに</text>
  <text x="230" y="238" text-anchor="middle" font-size="17" font-weight="700" fill="#2f6a91">アクセスする</text>
  <rect x="114" y="254" width="232" height="1" fill="#bcdcea"/>
  <text x="130" y="284" font-size="13.5" fill="#4a4a4a">・AIクローラーが質問に</text>
  <text x="130" y="306" font-size="13.5" fill="#4a4a4a">　答えるためサイトを訪問</text>
  <text x="130" y="332" font-size="13.5" fill="#4a4a4a">・まず全体像を知りたい</text>
  <rect x="114" y="384" width="232" height="30" rx="15" fill="#55aae2"/>
  <text x="230" y="404" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">example.com を訪問</text>

  <!-- 矢印1 -->
  <line x1="378" y1="290" x2="404" y2="290" stroke="#a9a9a9" stroke-width="2.5" marker-end="url(#arrowLlmsTxtRole)"/>

  <!-- ステップ2 -->
  <rect x="424" y="160" width="280" height="260" rx="14" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <circle cx="564" cy="160" r="24" fill="#79bb74"/>
  <text x="564" y="168" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">2</text>
  <text x="564" y="216" text-anchor="middle" font-size="17" font-weight="700" fill="#3f6b3c">llms.txtを</text>
  <text x="564" y="238" text-anchor="middle" font-size="17" font-weight="700" fill="#3f6b3c">参照する</text>
  <rect x="448" y="254" width="232" height="1" fill="#c9ddc7"/>
  <text x="464" y="284" font-size="13.5" fill="#4a4a4a">・example.com/llms.txt</text>
  <text x="464" y="306" font-size="13.5" fill="#4a4a4a">・サイト概要と重要ページの</text>
  <text x="464" y="328" font-size="13.5" fill="#4a4a4a">　一覧がシンプルに並ぶ</text>
  <rect x="448" y="384" width="232" height="30" rx="15" fill="#79bb74"/>
  <text x="564" y="404" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">AI専用の「店内案内図」</text>

  <!-- 矢印2 -->
  <line x1="712" y1="290" x2="738" y2="290" stroke="#a9a9a9" stroke-width="2.5" marker-end="url(#arrowLlmsTxtRole)"/>

  <!-- ステップ3 -->
  <rect x="758" y="160" width="280" height="260" rx="14" fill="#fdf1e7" stroke="#e0894a" stroke-width="2"/>
  <circle cx="898" cy="160" r="24" fill="#e0894a"/>
  <text x="898" y="168" text-anchor="middle" font-size="20" font-weight="700" fill="#ffffff">3</text>
  <text x="898" y="216" text-anchor="middle" font-size="17" font-weight="700" fill="#a85a1e">AIがサイトの</text>
  <text x="898" y="238" text-anchor="middle" font-size="17" font-weight="700" fill="#a85a1e">概要を理解する</text>
  <rect x="782" y="254" width="232" height="1" fill="#f0d5b8"/>
  <text x="798" y="284" font-size="13.5" fill="#4a4a4a">・「何のサイトで、大事な</text>
  <text x="798" y="306" font-size="13.5" fill="#4a4a4a">　ページはここ」と把握</text>
  <text x="798" y="332" font-size="13.5" fill="#4a4a4a">・迷わず本文を読みに行ける</text>
  <rect x="782" y="384" width="232" height="30" rx="15" fill="#e0894a"/>
  <text x="898" y="404" text-anchor="middle" font-size="12.5" font-weight="700" fill="#ffffff">正しい紹介につながる</text>

  <!-- フッター -->
  <rect x="90" y="460" width="948" height="86" rx="12" fill="#f5f5f3"/>
  <text x="564" y="494" text-anchor="middle" font-size="16" font-weight="700" fill="#2d2d2d">llms.txtは「AIが迷わないための案内板」</text>
  <text x="564" y="522" text-anchor="middle" font-size="13.5" fill="#4a4a4a">標準として保証されたものではないが、コストゼロで置ける備えとして合理的</text>
</svg>
