<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="newsTipsTitleBar" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="newsTipsCardA" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
    <linearGradient id="newsTipsCardB" x1="0" y1="0" x2="1" y2="0">
      <stop offset="0" stop-color="#79bb74"/>
      <stop offset="1" stop-color="#55aae2"/>
    </linearGradient>
  </defs>

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

  <text x="600" y="48" text-anchor="middle" font-size="26" font-weight="700" fill="#2d2d2d">「お知らせ」と「コラム」は役割が違う</text>
  <rect x="470" y="64" width="260" height="4" rx="2" fill="url(#newsTipsTitleBar)"/>

  <!-- 左カード: お知らせ -->
  <rect x="70" y="100" width="480" height="420" rx="16" fill="#f4f9f3" stroke="#79bb74" stroke-width="2"/>
  <rect x="70" y="100" width="480" height="52" rx="16" fill="url(#newsTipsCardA)"/>
  <rect x="70" y="136" width="480" height="16" fill="#f4f9f3"/>
  <text x="310" y="125.3" text-anchor="middle" font-size="21" font-weight="700" fill="#ffffff">お知らせ ＝ 今の事実の記録</text>

  <text x="105" y="196" font-size="15" font-weight="700" fill="#3f6b3c">扱う内容</text>
  <text x="105" y="222" font-size="14" fill="#4a4a4a">営業時間の変更・臨時休業・新メニュー</text>
  <text x="105" y="244" font-size="14" fill="#4a4a4a">＝ 「今、変わったこと」</text>

  <text x="105" y="288" font-size="15" font-weight="700" fill="#3f6b3c">賞味期限</text>
  <text x="105" y="314" font-size="14" fill="#4a4a4a">短い。時期が過ぎると古い情報になる</text>

  <text x="105" y="358" font-size="15" font-weight="700" fill="#3f6b3c">文字数の目安</text>
  <text x="105" y="384" font-size="14" fill="#4a4a4a">2〜5行（100〜200字程度）</text>

  <text x="105" y="428" font-size="15" font-weight="700" fill="#3f6b3c">更新頻度</text>
  <text x="105" y="454" font-size="14" fill="#4a4a4a">月1〜2回。変化があったときに書く</text>

  <rect x="105" y="476" width="410" height="1" fill="#c9ddc7"/>
  <text x="105" y="506" font-size="14.5" font-weight="700" fill="#3f6b3c">誰に刺さる</text>
  <text x="105" y="528" font-size="14" fill="#4a4a4a">「今」を知りたい既存客・リピーター</text>

  <!-- 右カード: コラム -->
  <rect x="650" y="100" width="480" height="420" rx="16" fill="#f2f8fc" stroke="#55aae2" stroke-width="2"/>
  <rect x="650" y="100" width="480" height="52" rx="16" fill="url(#newsTipsCardB)"/>
  <rect x="650" y="136" width="480" height="16" fill="#f2f8fc"/>
  <text x="890" y="125.3" text-anchor="middle" font-size="21" font-weight="700" fill="#ffffff">コラム ＝ 普遍的な情報の資産</text>

  <text x="685" y="196" font-size="15" font-weight="700" fill="#2f6a91">扱う内容</text>
  <text x="685" y="222" font-size="14" fill="#4a4a4a">料金の考え方・よくある質問・ノウハウ</text>
  <text x="685" y="244" font-size="14" fill="#4a4a4a">＝ 「いつ読んでも役立つ情報」</text>

  <text x="685" y="288" font-size="15" font-weight="700" fill="#2f6a91">賞味期限</text>
  <text x="685" y="314" font-size="14" fill="#4a4a4a">長い。半年後も読む価値がある</text>

  <text x="685" y="358" font-size="15" font-weight="700" fill="#2f6a91">文字数の目安</text>
  <text x="685" y="384" font-size="14" fill="#4a4a4a">1,000字前後（本サイトの目安）</text>

  <text x="685" y="428" font-size="15" font-weight="700" fill="#2f6a91">更新頻度</text>
  <text x="685" y="454" font-size="14" fill="#4a4a4a">月1〜2本が現実的なペース</text>

  <rect x="685" y="476" width="410" height="1" fill="#bcdcea"/>
  <text x="685" y="506" font-size="14.5" font-weight="700" fill="#2f6a91">誰に刺さる</text>
  <text x="685" y="528" font-size="14" fill="#4a4a4a">「初めて」の見込み客の疑問</text>

  <!-- 結論バー -->
  <rect x="70" y="548" width="1060" height="92" rx="14" fill="#2f6a91"/>
  <text x="600" y="584" text-anchor="middle" font-size="18" font-weight="700" fill="#ffffff">見分け方は「時間が経つと価値が薄れるか」</text>
  <text x="600" y="614" text-anchor="middle" font-size="14.5" fill="#e8f2fa">同じ出来事でも、視点を変えれば両方に展開できる</text>
</svg>
