4-Panel SaaS Ad Banner Variations

Original document

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 ▶\""
      }
    ]
  }
}

How to use

1. Copy the complete original prompt, including any parameters.
2. Replace the subject, text and composition with your own requirements.
3. Use a compatible external tool; check its current access conditions and review the result.

Before you start

• Check whether a reference image is required. A compatible model label does not mean this example was generated with that model.
• Keep names, figures and visible text accurate; results can vary between model versions.