4 格 SaaS 广告横幅变体

生成软件产品的 2x2 数字广告横幅网格，包含不同配色、布局和营销文案变体。

186 浏览来源：武藤尭行｜BOOSTTECH CEO

#UI 设计 #样机

Prompt (JSON)2638 字符

{
  "type": "4-panel ad banner variation grid",
  "product": {
    "name": "{argument name=\"product name\" default=\"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, text '未来を、あなたのビジネスに。', and a blue '今すぐ始める' button"
  },
  "layout": {
    "grid": "2x2",
    "panels": [
      {
        "position": "top-left",
        "theme": "dark blue gradient with tech lines",
        "headline": "{argument name=\"main headline 1\" default=\"最短10分で、プロ品質のホームページを。\"}",
        "sub_headline": "AIがデザイン・構成・文章まで自動生成",
        "badge": "gold laurel wreath with text '導入企業続々増加中！'",
        "icon_count": 5,
        "icon_labels": [
          "AIが自動で作成・最適化",
          "ノーコードで自由に編集",
          "デザイン自由プロ品質",
          "SEO対策もおまかせ",
          "スマホ対応高速表示"
        ],
        "bottom_bar": "teal background, yellow button '今すぐ無料で始める ▶'"
      },
      {
        "position": "top-right",
        "theme": "white and light gray",
        "headline": "{argument name=\"main headline 2\" default=\"AIで、誰でも、カンタンに。\"}",
        "pre_headline": "ホームページ制作の常識を、もっとシンプルに。",
        "badge": "teal circle with text '専門知識・制作スキル不要！'",
        "icon_count": 4,
        "icon_labels": [
          "AIが自動で作成・最適化",
          "ノーコードで自由に編集",
          "スマホ対応・高速表示",
          "SEO対策もおまかせ"
        ],
        "bottom_bar": "teal background, yellow button '無料でスタートする ▶'"
      },
      {
        "position": "bottom-left",
        "theme": "bright yellow with comic-book action lines",
        "headline": "{argument name=\"main headline 3\" default=\"自分でカンタン！最短10分でホームページ完成！\"}",
        "pre_headline": "もう、制作会社に頼まない！",
        "badge": "pink circle with text 'AIがすべて自動で作成！'",
        "icon_count": 6,
        "icon_labels": [
          "AI自動生成",
          "ノーコード",
          "デザイン自由",
          "SEO対策",
          "スマホ対応",
          "高速表示"
        ],
        "call_to_action": "pink pill button '無料ではじめる！▶'"
      },
      {
        "position": "bottom-right",
        "theme": "dark gray and black",
        "headline": "{argument name=\"main headline 4\" default=\"成果につながるホームページを。\"}",
        "pre_headline": "本気で集客したいなら、",
        "badge": "gold laurel wreath with text '導入企業続々増加中！'",
        "icon_count": 4,
        "icon_labels": [
          "AIが設計から文章まで自動生成",
          "ノーコードで自由にカスタマイズ",
          "SEO・スピード・セキュリティ対応",
          "集客・売上UPを徹底サポート"
        ],
        "bottom_bar": "gold background, dark blue button '今すぐ無料で始める ▶'"
      }
    ]
  }
}

查看原始来源