SaaS landing page hero section mockup
SaaS 官网 hero / 投资人 pitch 配图 / 产品发布配图

Sample output · gpt-image-2 · low quality (free tier)
The prompt
A pixel-perfect screenshot of a SaaS landing page hero section in a desktop browser.
Top: a thin transparent navigation bar with the logo "[BRAND]" on the left, 4 nav links
in the center ([NAV_1] / [NAV_2] / [NAV_3] / [NAV_4]), and two buttons on the right
("Sign in" outline + "Get started" filled in [ACCENT_COLOR]).
Center: an enormous h1 headline reading "[HEADLINE]" — 96pt clean sans (similar to
Inter or Geist), three-line max with deliberate line breaks, the most important
word/phrase "[EMPHASIS]" in [ACCENT_COLOR].
Below h1: a 22pt subhead "[SUBHEAD]" in muted gray, single line.
Below subhead: two CTAs — primary "Start free trial →" filled button + secondary
"View pricing" outline. Below the CTAs: a row of 4 small social-proof logos in mono
gray with the label "Trusted by 5,000+ teams".
Background: subtle radial gradient mesh in [BG_GRADIENT], extremely subtle.
16:9 aspect ratio, 1920×1080. Style: Vercel / Linear / Notion modern marketing.
Run it now (free)

1 free generation, no signup. Sign in for 2 · ⭐ Star for 3.
Why this prompt works on GPT Image 2
This prompt is engineered for product designers, indie hackers, design studios, founders. The phrasing prioritizes communicate product personality before the viewer reads any UI text — every word in the prompt is doing one of three jobs: setting subject, controlling lighting / camera, or constraining style. What makes it land specifically on gpt-image-2: the model parses noun-clause phrasing (e.g. "centered on pure white seamless background") more reliably than vague style adjectives ("clean look"). The version above leans heavily on noun clauses — this is intentional. Device chrome (notch, dynamic island, button placement) must be platform-accurate; gpt-image-2 handles current iOS / macOS conventions well, less reliable on Material You / niche OSes.
5 variations to try with this prompt
- Swap the subject — replace any [PRODUCT] or [SUBJECT] placeholder with your specific item. Be concrete: "matte navy ceramic mug" beats "a mug".
- Change lighting language — try "golden hour rim lighting" or "harsh overhead studio fluorescent" instead of "soft studio lighting" to dramatically change mood.
- Try a different visual register — append "rendered as a high-fashion magazine editorial" or "rendered as a 90s film photo with grain" to shift aesthetic without changing composition.
- Change aspect ratio — switch `size: 1024x1024` to `1024x1536` (vertical) for IG Story / RedBook covers, or `1536x1024` (horizontal) for blog headers.
When to use this prompt (and when not to)
Use this prompt for: pitch deck, App Store screenshot, dribbble shot, landing-page hero. It's specifically tuned for those surfaces — using it elsewhere (e.g., a children's book) will produce technically correct but contextually wrong output. Skip it when you need: hands-on UGC photography (use a real camera), or content where text accuracy beats visual polish (gpt-image-2 still occasionally drops a letter on long strings). Pair it with: a follow-up edit on /edit to swap variants, or with the visual Prompt Lab on /lab to rebuild from atoms.
Common mistakes to avoid
- Verbose adjective stacking — "beautiful, stunning, gorgeous, professional" all degrade output. The model interprets each as a separate weight competing for attention. One precise adjective beats five generic ones.
- Over-specifying impossible camera — "8K hyperrealistic, fish-eye, telephoto" is contradictory; the model picks one and ignores the rest, often unpredictably. Pick one camera language at a time.
- Quoting text without isolation — for prompts with rendered text, wrap the text in explicit quotes and place it in its own clause. `the text "GOOD MORNING" rendered cleanly in the lower third` beats `says good morning at bottom`.
- Ignoring aspect ratio — generating 1:1 then cropping for vertical loses meaningful composition data. Generate at the target aspect ratio from the start.
FAQ
Is gpt-image-2 free to use through this site?
Yes — anonymous users get 1 generation per browser per day. Sign in with GitHub for 2/day, ⭐ star the open-source repo for 3/day. No credit card needed at any free tier.
How long does each generation take?
30–60 seconds for fresh generations on the 1536x1024 canvas. Cached prompts (same prompt + same size) return instantly and don't consume your quota.
Can I edit the generated image?
Yes — drop the result on /edit with a follow-up instruction (e.g., "swap background to night-sky"), or use /inpaint with a mask for surgical edits.
What's the prompt license?
All prompts in awesome-gpt-image-2-playground are CC-BY-4.0. Use them in any product, commercial or otherwise, with attribution.
Is the source code open?
Yes — repo on GitHub is MIT-licensed for code, CC-BY-4.0 for prompt content. Star the repo to support and to unlock 3 generations/day.
中文版 · ZH-CN
为什么这个 GPT Image 2 提示词有效
这个提示词是为产品设计师、独立开发者、设计工作室、创始人设计的。每个词都在做三件事中的一件:定义主体、控制光线/相机,或约束风格 — 没有冗余,核心目标是在用户读 UI 文案前传达产品调性。在 gpt-image-2 上稳定生效的关键是:模型对名词短语的解析比形容词堆砌更可靠。例如"放置在纯白背景中央(centered on pure white seamless background)"这种结构化表述,比"看起来干净"这种模糊形容更稳。设备外观(刘海、灵动岛、按钮位置)必须符合平台真实规范 — gpt-image-2 在 iOS/macOS 上稳定,Material You / 小众 OS 较弱。
5 个值得尝试的变体
- 替换主体 — 将提示词中的 [PRODUCT] 或 [SUBJECT] 占位符替换为你的具体物品。"哑光海军蓝陶瓷杯"比"一个杯子"效果好十倍。
- 改变光线表达 — 把"柔和演播室光"换成"金时刻轮廓光"或"刺眼顶部荧光",氛围会发生剧烈变化。
- 切换视觉调性 — 在末尾加上"以高时尚杂志编辑风格呈现"或"以 90 年代胶片颗粒感呈现",可以在不改构图的情况下换风格。
- 改变纵横比 — 把 `size: 1024x1024` 切到 `1024x1536`(竖版,适合 IG Story / 小红书封面)或 `1536x1024`(横版,适合博客 banner)。
什么场景下用(以及不用)
适合用于:融资 Deck、App Store 截图、Dribbble 作品、落地页 Hero。这个提示词专门针对这些场景调过 — 用在不匹配的语境(比如儿童绘本)会产出"技术上对、语境上错"的图。不适合的场景:UGC 真实手持摄影(用真相机更合适),或者文字精确度优先于视觉品质的内容(gpt-image-2 在长字符串偶尔会丢一个字母)。配合使用:在 /edit 上做 follow-up 编辑切换变体,或在 /lab 用原子重组重写整个提示词。
常见误区
- 形容词堆砌 — "美丽、惊艳、华丽、专业"叠在一起会降低输出质量。模型把每个都当独立权重在分配注意力,一个精准的形容词胜过五个通用的。
- 矛盾相机参数 — "8K 超写实、鱼眼、长焦"自相矛盾,模型会随机挑一个忽略其他。一次只用一种相机语言。
- 文字未隔离引用 — 需要渲染文字时,用引号包裹并独立成句。`the text "早安" rendered cleanly in the lower third` 远胜于 `底部说早安`。
- 忽略纵横比 — 生成 1:1 再裁切到竖版会丢失构图信息。从一开始就用目标比例生成。
常见问题
More ui-mockup prompts
Related across categories
Want all 32 prompts?
Browse the full library, ranked by use case. Star the repo to support open prompt curation.






