Japanese SaaS Before-After Banner

Original document

GPT Image 2 · en

{
  "type": "SaaS Feature Update Banner Info",
  "style": "The design features a clean and modern Japanese tech marketing style, a sophisticated UI, a deep navy blue gradient background, subtle dotted halftone textures in the upper left and lower right corners, soft curved accents, and striking neon cyan highlights, resulting in a refined and high-quality product launch visual effect.",
  "canvas": {
    "aspect_ratio": "1:1"
  },
  "headline": {
    "icon": "The app icon is a rounded square with a white camera symbol, a cyan gradient background, and small glitter decorations.",
    "title": "{argument name=\"headline text\" default=\"Photographs record and visualize changes\"}",
    "subtitle": "{argument name=\"subtitle text\" default=\"Comparison of management before and after by timeline\"}",
    "language": "Chinese",
    "title_style": "Large, bold sans-serif font; the first phrase is white, and the second phrase is bright cyan.",
    "subtitle_style": "Medium-sized bold white sans-serif font, with cyan and gold glitter separators 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": "The side-by-side before-and-after portrait cards are connected by a circular cyan arrow button.",
    "bottom_panel": "The rounded rectangle timeline module contains five thumbnails with dates, connected by a dashed horizontal progress bar."
  },
  "comparison": {
    "subject": "The same adult woman, profile view from the left, with dark brown hair tied in a neat low bun, fair skin, wearing a spaghetti strap top, studio lighting, and a light gray background.",
    "privacy": "The facial areas in the large card and all five thumbnails are covered with vertical rectangular blur blocks.",
    "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 a light cyan border and soft shadow",
      "image": "Similar portraits, with subtle improvements to the jawline/neck contour, suggesting visible changes.",
      "decorations": "Then there are two cyan flashing stars in the bottom right corner of the card."
    },
    "connector": "The small, round, cyan button in the center of the card has a white right-pointing arrow."
  },
  "timeline": {
    "panel_style": "Dark, semi-transparent, rounded container with an internal glow effect.",
    "line": "White horizontal dashed line",
    "entries": [
      {
        "date": "04/01",
        "time": "10:30",
        "state": "Small blue circular node above the thumbnail",
        "thumbnail": "A thumbnail of a woman's profile, with a blurred area and a miniature camera icon button in the lower right corner.",
        "frame": "Light gray rounded corner border"
      },
      {
        "date": "04/15",
        "time": "10:30",
        "state": "Small blue circular node above the thumbnail",
        "thumbnail": "A thumbnail of a woman's profile, with a blurred area and a miniature camera icon button in the lower right corner.",
        "frame": "Light gray rounded corner border"
      },
      {
        "date": "04/29",
        "time": "10:30",
        "state": "Currently selected, with a bluish-white ring node.",
        "thumbnail": "A thumbnail of a woman's profile, with a blurred area and a miniature camera icon button in the lower right corner.",
        "frame": "Bright cyan rounded corner border"
      },
      {
        "date": "05/13",
        "time": "10:30",
        "state": "Small blue circular node above the thumbnail",
        "thumbnail": "A thumbnail of a woman's profile, with a blurred area and a miniature camera icon button in the lower right corner.",
        "frame": "Light gray rounded corner border"
      },
      {
        "date": "05/27",
        "time": "10:30",
        "state": "Highlighted milestone with gold and white ring nodes",
        "thumbnail": "A thumbnail of a woman's profile, with a blurred area and a miniature camera icon button in the lower right corner.",
        "frame": "Gold rounded corner border"
      }
    ],
    "extra_decorations": "There are two small golden flashing stars on the far right edge of the timeline panel."
  },
  "color_palette": {
    "background": "Deep navy blue to indigo gradient",
    "primary": "bright cyan",
    "secondary": "White",
    "accent": "gold",
    "support": "Soft gray and blue-purple"
  },
  "rendering": "The clean vector graphics combined with UI design, embedded with realistic portrait photography, balanced spacing, and centered composition deliver the quality of a startup landing page banner."
}

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.