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. 호환되는 외부 도구에서 사용하고 이용 조건과 결과를 확인하세요.

시작 전 확인

• 참조 이미지가 필요한지 확인하세요. 호환 표시는 해당 모델로 이 예시를 생성했다는 뜻이 아닙니다.
• 이름, 수치, 이미지 속 문구를 확인하세요. 모델 버전에 따라 결과가 다를 수 있습니다.