<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="titleUnderlineMatrix" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="cardGradA" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e8f2fa"/>
    </linearGradient>
    <linearGradient id="cardGradB" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e9f4e7"/>
    </linearGradient>
    <linearGradient id="cardGradC" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e8f2fa"/>
    </linearGradient>
    <linearGradient id="cardGradD" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e9f4e7"/>
    </linearGradient>
    <linearGradient id="cardGradE" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f2f8fc"/>
      <stop offset="1" stop-color="#e8f2fa"/>
    </linearGradient>
    <linearGradient id="cardGradF" x1="0" y1="0" x2="0" y2="1">
      <stop offset="0" stop-color="#f4f9f3"/>
      <stop offset="1" stop-color="#e9f4e7"/>
    </linearGradient>
  </defs>

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

  <!-- タイトル -->
  <text x="600" y="42" text-anchor="middle" font-size="24" font-weight="700" fill="#2d2d2d">業種で見るテンプレート早見表</text>
  <rect x="470" y="56" width="260" height="4" rx="2" fill="url(#titleUnderlineMatrix)"/>

  <!-- 6枚のカード（3列×2行） -->
  <!-- 1: クラシック -->
  <rect x="40" y="90" width="356" height="150" rx="12" fill="url(#cardGradA)" stroke="#55aae2" stroke-width="2"/>
  <text x="60" y="118" font-size="15" font-weight="700" fill="#2f6a91">クラシック｜端正・信頼感</text>
  <text x="60" y="142" font-size="12.5" fill="#4a4a4a">士業・コンサルティング</text>
  <text x="60" y="162" font-size="12.5" fill="#4a4a4a">クリニック・不動産</text>
  <text x="60" y="188" font-size="11.5" fill="#5a6b78">四角い面と罫線で情報を整理</text>
  <text x="60" y="206" font-size="11.5" fill="#5a6b78">派手さより「迷わせない」ことを優先</text>

  <!-- 2: モダン -->
  <rect x="422" y="90" width="356" height="150" rx="12" fill="url(#cardGradC)" stroke="#55aae2" stroke-width="2"/>
  <text x="442" y="118" font-size="15" font-weight="700" fill="#2f6a91">モダン｜情報密度高め</text>
  <text x="442" y="142" font-size="12.5" fill="#4a4a4a">IT・マーケティング</text>
  <text x="442" y="162" font-size="12.5" fill="#4a4a4a">情報量が多い業種全般</text>
  <text x="442" y="188" font-size="11.5" fill="#5a6b78">お知らせ・課題解決カードを前面に</text>
  <text x="442" y="206" font-size="11.5" fill="#5a6b78">更新頻度が高いサイトと相性がよい</text>

  <!-- 3: クラフト -->
  <rect x="804" y="90" width="356" height="150" rx="12" fill="url(#cardGradE)" stroke="#55aae2" stroke-width="2"/>
  <text x="824" y="118" font-size="15" font-weight="700" fill="#2f6a91">クラフト｜骨太・力強い</text>
  <text x="824" y="142" font-size="12.5" fill="#4a4a4a">工務店・製造業</text>
  <text x="824" y="162" font-size="12.5" fill="#4a4a4a">施工事例が多い業種</text>
  <text x="824" y="188" font-size="11.5" fill="#5a6b78">太い罫線と大きな写真で実直さを表現</text>
  <text x="824" y="206" font-size="11.5" fill="#5a6b78">写真点数が多いほど効果を発揮</text>

  <!-- 4: ウォーム -->
  <rect x="40" y="260" width="356" height="150" rx="12" fill="url(#cardGradB)" stroke="#79bb74" stroke-width="2"/>
  <text x="60" y="288" font-size="15" font-weight="700" fill="#3f6b3c">ウォーム｜親しみやすさ</text>
  <text x="60" y="312" font-size="12.5" fill="#4a4a4a">美容室・整体・教室</text>
  <text x="60" y="332" font-size="12.5" fill="#4a4a4a">標準テンプレート</text>
  <text x="60" y="358" font-size="11.5" fill="#5a6b78">柔らかいカードと余白であたたかさを</text>
  <text x="60" y="376" font-size="11.5" fill="#5a6b78">迷ったらまずここから検討</text>

  <!-- 5: ジェントル -->
  <rect x="422" y="260" width="356" height="150" rx="12" fill="url(#cardGradD)" stroke="#79bb74" stroke-width="2"/>
  <text x="442" y="288" font-size="15" font-weight="700" fill="#3f6b3c">ジェントル｜読みやすさ</text>
  <text x="442" y="312" font-size="12.5" fill="#4a4a4a">高齢客層が多い業種</text>
  <text x="442" y="332" font-size="12.5" fill="#4a4a4a">安心感を伝えたい業種</text>
  <text x="442" y="358" font-size="11.5" fill="#5a6b78">大きめの文字とゆったりした行間</text>
  <text x="442" y="376" font-size="11.5" fill="#5a6b78">初めての方への安心感を優先</text>

  <!-- 6: ブライト -->
  <rect x="804" y="260" width="356" height="150" rx="12" fill="url(#cardGradF)" stroke="#79bb74" stroke-width="2"/>
  <text x="824" y="288" font-size="15" font-weight="700" fill="#3f6b3c">ブライト｜明るくポップ</text>
  <text x="824" y="312" font-size="12.5" fill="#4a4a4a">教室・スクール</text>
  <text x="824" y="332" font-size="12.5" fill="#4a4a4a">子ども向けサービス</text>
  <text x="824" y="358" font-size="11.5" fill="#5a6b78">明るいカードとリズミカルな配置</text>
  <text x="824" y="376" font-size="11.5" fill="#5a6b78">堅さより活気・楽しさを伝えたい業種向け</text>

  <!-- 結論バー -->
  <rect x="40" y="440" width="1120" height="170" rx="14" fill="#2f6a91"/>
  <text x="600" y="475" text-anchor="middle" font-size="17" font-weight="700" fill="#ffffff">業種の傾向は「出発点」。最終判断は3つの問いで</text>
  <text x="600" y="508" text-anchor="middle" font-size="13.5" fill="#e8f2fa">① お客様に最初に感じてほしい印象は何か</text>
  <text x="600" y="534" text-anchor="middle" font-size="13.5" fill="#e8f2fa">② サイトの中心になるコンテンツは何か（写真か、テキストか、更新情報か）</text>
  <text x="600" y="560" text-anchor="middle" font-size="13.5" fill="#e8f2fa">③ 誰が公開後に更新するか</text>
  <text x="600" y="590" text-anchor="middle" font-size="12.5" fill="#c9dcec">同じ業種でも客層・伝えたい強みで最適解は変わる</text>
</svg>
