IP
Japanese SaaS Before-After Banner preview image
Primary reference image
GPT Image 2 caseGraphic & PosterMulti Image to Image1 ref

Japanese SaaS Before-After Banner

A polished square SaaS marketing banner in Japanese showing a before-and-after photo comparison with a five-step timeline, suitable for product update announcements or landing pages.

This is a GPT Image 2 prompt case for Graphic & Poster. Use the copy-ready prompt below to generate similar visuals, and review Awesome GPT Image 2 Prompts attribution plus commercial-use rights before reuse.

Need the full prompt set? Use the Graphic & Poster topic hub for more related examples, or open the GPT Image 2 prompt library for the full example index, reusable structures, and source attribution.

This prompt is designed for multiple reference images. We will open Dovoo with the prompt and the available preview image; add the remaining references in Dovoo before generating.

Free 1K preview

Generate one preview image instantly, no sign-up required.

Free text preview doesn’t preserve reference-image consistency.

4000/4000
Continue on Dovoo

Prompt

Copy-ready prompt

{
  "type": "SaaS feature update banner infographic",
  "style": "clean modern Japanese tech marketing, premium UI, dark navy gradient background, subtle dotted halftone texture in the top-left and bottom-right corners, soft curved line accents, glossy neon teal highlights, polished high-quality product announcement visual",
  "canvas": {
    "aspect_ratio": "1:1"
  },
  "headline": {
    "icon": "rounded square app icon with a white camera symbol on a teal gradient background, small sparkle accent",
    "title": "{argument name=\"headline text\" default=\"写真で記録、変化を可視化\"}",
    "subtitle": "{argument name=\"subtitle text\" default=\"ビフォーアフターを時系列で管理\"}",
    "language": "Chinese",
    "title_style": "large bold sans-serif, first phrase in white and second phrase in bright teal",
    "subtitle_style": "medium bold sans-serif in white with teal and gold sparkle-divider ornaments on both sides"
  },
  "layout": {
    "sections": [
      {
        "title": "comparison cards",
        "position": "center",
        "count": 2,
        "labels": [
          "Before",
          "After"
        ]
      },
      {
        "title": "timeline entries",
        "position": "bottom",
        "count": 5,
        "labels": [
          "04/01 10:30",
          "04/15 10:30",
          "04/29 10:30",
          "05/13 10:30",
          "05/27 10:30"
        ]
      }
    ],
    "centerpiece": "side-by-side before and after portrait cards connected by a circular teal arrow button",
    "bottom_panel": "rounded rectangular timeline module with five dated thumbnails connected by a dashed horizontal progress line"
  },
  "comparison": {
    "subject": "same adult woman in left-facing side profile with dark brown hair in a neat low bun, light skin, thin shoulder strap top, studio lighting, pale gray background",
    "privacy": "face area covered by a vertical rectangular blur block in both large cards and all five thumbnails",
    "before_card": {
      "label": "Before",
      "frame": "rounded rectangle with light gray border and soft shadow",
      "image": "neutral clinical-style portrait"
    },
    "after_card": {
      "label": "After",
      "frame": "rounded rectangle with bright teal border and soft shadow",
      "image": "similar portrait with a subtly refined jawline/neck contour to imply visible improvement",
      "decorations": "2 teal sparkle stars near the lower-right of the after card"
    },
    "connector": "small circular teal button centered between cards with a white right-pointing chevron"
  },
  "timeline": {
    "panel_style": "dark translucent rounded container with inner glow",
    "line": "white dashed horizontal line",
    "entries": [
      {
        "date": "04/01",
        "time": "10:30",
        "state": "small circular blue node above thumbnail",
        "thumbnail": "woman side-profile thumbnail with blur block and tiny camera icon button in bottom-right corner",
        "frame": "light gray rounded border"
      },
      {
        "date": "04/15",
        "time": "10:30",
        "state": "small circular blue node above thumbnail",
        "thumbnail": "woman side-profile thumbnail with blur block and tiny camera icon button in bottom-right corner",
        "frame": "light gray rounded border"
      },
      {
        "date": "04/29",
        "time": "10:30",
        "state": "current selection with teal-and-white ring node",
        "thumbnail": "woman side-profile thumbnail with blur block and tiny camera icon button in bottom-right corner",
        "frame": "bright teal rounded border"
      },
      {
        "date": "05/13",
        "time": "10:30",
        "state": "small circular blue node above thumbnail",
        "thumbnail": "woman side-profile thumbnail with blur block and tiny camera icon button in bottom-right corner",
        "frame": "light gray rounded border"
      },
      {
        "date": "05/27",
        "time": "10:30",
        "state": "highlighted milestone with gold-and-white ring node",
        "thumbnail": "woman side-profile thumbnail with blur block and tiny camera icon button in bottom-right corner",
        "frame": "gold rounded border"
      }
    ],
    "extra_decorations": "2 small gold sparkle stars on the far right edge of the timeline panel"
  },
  "color_palette": {
    "background": "deep navy to indigo gradient",
    "primary": "bright teal",
    "secondary": "white",
    "accent": "gold",
    "support": "soft gray and blue-violet"
  },
  "rendering": "crisp vector-meets-UI design with embedded realistic portrait photography, balanced spacing, centered composition, startup landing-page banner quality"
}

Prompt variables

Editable argument placeholders found in the prompt, with their default values.

2
Variable
headline text
Default
写真で記録、変化を可視化
Variable
subtitle text
Default
ビフォーアフターを時系列で管理

Best for

  • - Graphic & Poster visual exploration
  • - Image generation and reference-image edits
  • - Reusable briefs that keep source attribution visible

Change these parts

  • - Subject, product, character, or scene
  • - Aspect ratio, camera, lighting, and background
  • - Brand, text, color, and output constraints

Recommended model and settings

  • - Model: gpt-image-2
  • - Input mode: Multi Image to Image
  • - Aspect ratio: source
  • - Commercial status: review original source

How to use this prompt

  1. 1. Copy the prompt and preserve its structure for the first test.
  2. 2. Replace the subject, context, and publishing channel.
  3. 3. Change one camera, lighting, or style variable per iteration.
  4. 4. Inspect the output, source, text, and rights before reuse.

Limitations, source, and reuse cautions

  • - Generated output is an editable draft, not factual, legal, or rights evidence.
  • - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Imported from Awesome GPT Image 2 Prompts. Attribution is required. Commercial-use status is allowed; review source rights before paid usage.

More cases in this category

Prioritized by category, input mode compatibility, quality, and lower risk.

6

Reuse and source notes

Use this prompt safely after previewing the case.

  1. 1.Copy the prompt or open it directly in Dovoo with the generation button.
  2. 2.Adjust variables, aspect ratio, and reference images for your own use case.
  3. 3.Before publishing or paid usage, verify source rights, attribution requirements, and brand or likeness risks.

Can I use this prompt commercially?

Commercial-use status is allowed. Review the original source, license, brand constraints, and legal requirements before paid usage.

Where does this case come from?

This case is imported from Awesome GPT Image 2 Prompts; keep attribution visible and check the source URL before reuse.

Japanese SaaS Before-After Banner for GPT Image 2 | Image Prompt Gallery