SaaS-Werbebanner-Variantenraster

{
  "type": "4-panel ad banner variation grid",
  "product": {
    "name": "[HP BOOSTER]",
    "subtitle": "AI搭載ノーコード・サイトビルダー",
    "logo": "blue and green angle brackets with a diamond"
  },
  "common_elements": {
    "device_mockups": "laptop and smartphone (desktop monitor in bottom-left panel) displaying a website with a city skyline, Japanese text '未来を、あなたのビジネスに。', and a blue '今すぐ始める' CTA button"
  },
  "layout": {
    "grid": "2x2",
    "panels": [
      {
        "position": "top-left",
        "theme": "dark blue gradient with modern tech line art",
        "headline": "[最短10分で、プロ品質のホームページを。]",
        "sub_headline": "AIがデザイン・構成・文章まで自動生成",
        "badge": "gold laurel wreath containing text '導入企業続々増加中！'",
        "icon_count": 5,
        "icon_labels": [
          "AIが自動で作成・最適化",
          "ノーコードで自由に編集",
          "デザイン自由プロ品質",
          "SEO対策もおまかせ",
          "スマホ対応高速表示"
        ],
        "bottom_bar": "teal background with a yellow button reading '今すぐ無料で始める ▶'"
      },
      {
        "position": "top-right",
        "theme": "clean white and light gray minimalist layout",
        "headline": "[AIで、誰でも、カンタンに。]",
        "pre_headline": "ホームページ制作の常識を、もっとシンプルに。",
        "badge": "teal circular badge with text '専門知識・制作スキル不要！'",
        "icon_count": 4,
        "icon_labels": [
          "AIが自動で作成・最適化",
          "ノーコードで自由に編集",
          "スマホ対応・高速表示",
          "SEO対策もおまかせ"
        ],
        "bottom_bar": "teal background with a yellow button reading '無料でスタートする ▶'"
      },
      {
        "position": "bottom-left",
        "theme": "high-energy bright yellow with pop comic-book action lines",
        "headline": "[自分でカンタン！最短10分でホームページ完成！]",
        "pre_headline": "もう、制作会社に頼まない！",
        "badge": "vibrant pink circular badge with text 'AIがすべて自動で作成！'",
        "icon_count": 6,
        "icon_labels": [
          "AI自動生成",
          "ノーコード",
          "デザイン自由",
          "SEO対策",
          "スマホ対応",
          "高速表示"
        ],
        "call_to_action": "pink rounded pill button reading '無料ではじめる！▶'"
      },
      {
        "position": "bottom-right",
        "theme": "premium dark gray and matte black corporate aesthetic",
        "headline": "[成果につながるホームページを。]",
        "pre_headline": "本気で集客したいなら、",
        "badge": "gold laurel wreath containing text '導入企業続々増加中！'",
        "icon_count": 4,
        "icon_labels": [
          "AIが設計から文章まで自動生成",
          "ノーコードで自由にカスタマイズ",
          "SEO・スピード・セキュリティ対応",
          "集客・売上UPを徹底サポート"
        ],
        "bottom_bar": "gold background with a dark blue button reading '今すぐ無料で始める ▶'"
      }
    ]
  }
}