4-Panel SaaS Ad Banner Variations

原文

GPT Image 2 · en

{
  "type": "4-sided advertising banner variant grid",
  "product": {
    "name": "{argument name=\"product name\" default=\"HP BOOSTER\"}",
    "subtitle": "AI-driven no-code website builder",
    "logo": "Blue and green angle brackets with diamond shapes"
  },
  "common_elements": {
    "device_mockups": "The laptop and smartphone (with the bottom left panel serving as a desktop monitor) showcase a website featuring a city skyline, the text \"The future is in your business,\" and a blue \"Start Now\" button."
  },
  "layout": {
    "grid": "2x2",
    "panels": [
      {
        "position": "Top left",
        "theme": "Deep blue gradient with tech lines",
        "headline": "{argument name=\"main headline 1\" default=\"Create a professional-grade website in as little as 10 minutes.\"}",
        "sub_headline": "AI automatically generates designs, architectures, and copy.",
        "badge": "A golden laurel wreath with the words \"The number of businesses being introduced is continuously increasing!\"",
        "icon_count": 5,
        "icon_labels": [
          "AI-powered automatic creation and optimization",
          "No-code free editing",
          "Design freedom and professionalism",
          "One-stop solution for SEO optimization",
          "Mobile adaptation and high-speed loading"
        ],
        "bottom_bar": "A cyan background with a yellow \"Start for Free Now ▶\" button."
      },
      {
        "position": "Top right",
        "theme": "White and light gray",
        "headline": "{argument name=\"main headline 2\" default=\"With the help of AI, it's easy for anyone to get started.\"}",
        "pre_headline": "Making website creation simpler.",
        "badge": "A cyan circle with the text \"No professional knowledge or production skills required!\"",
        "icon_count": 4,
        "icon_labels": [
          "AI-powered automatic creation and optimization",
          "No-code free editing",
          "Mobile adaptation and high-speed loading",
          "One-stop solution for SEO optimization"
        ],
        "bottom_bar": "A cyan background with a yellow \"Start for Free ▶\" button."
      },
      {
        "position": "Bottom left",
        "theme": "Bright yellow with comic book-style action lines",
        "headline": "{argument name=\"main headline 3\" default=\"DIY! Create your own website in as little as 10 minutes!\"}",
        "pre_headline": "No need to rely on production companies anymore!",
        "badge": "A pink circle with the text \"AI-generated fully automatically!\"",
        "icon_count": 6,
        "icon_labels": [
          "AI automatically generated",
          "No code",
          "Design freedom",
          "SEO optimization",
          "Mobile adaptation",
          "High-speed loading"
        ],
        "call_to_action": "The pink capsule button says \"Start for free!\" ▶"
      },
      {
        "position": "Bottom right",
        "theme": "Dark gray and black",
        "headline": "{argument name=\"main headline 4\" default=\"Build a website that delivers results.\"}",
        "pre_headline": "If you want to seriously improve your customer acquisition capabilities",
        "badge": "A golden laurel wreath with the words \"The number of businesses being introduced is continuously increasing!\"",
        "icon_count": 4,
        "icon_labels": [
          "AI automatically generates everything from architecture to copywriting.",
          "No-code customization",
          "SEO, speed and security guarantees",
          "Fully support customer acquisition and performance improvement"
        ],
        "bottom_bar": "Gold background, dark blue button \"Start Now for Free ▶\""
      }
    ]
  }
}

使い方

1. パラメータを含む元のプロンプト全体をコピーします。
2. 被写体、文字、構図を自分の要件に置き換えます。
3. 対応する外部ツールで使用し、利用条件と結果を確認します。

開始前の確認

• 参考画像の要否を確認してください。互換モデルの表示は、そのモデルでの生成実績を意味しません。
• 名前、数値、画像内の文字を確認します。モデルの版で結果は変わります。