Cinematic Café Story App UI
A polished Chinese narrative app interface mockup over a warm nighttime café selfie scene, ideal for product concepts, game UI showcases, and interactive story demos.
This is a GPT Image 2 prompt case for Product & Commercial. 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 Product & Commercial topic hub for more related examples, or open the GPT Image 2 prompt library for the full example index, reusable structures, and source attribution.
Free 1K preview
Generate one preview image instantly, no sign-up required.
4000/4000
Prompt
Copy-ready prompt
{
"background_scene": {
"camera": "slightly wide-angle selfie perspective from the front-left, immersive and casual",
"environment_details": {
"count": 10,
"items": [
"large windows showing night city lights",
"ceiling fan",
"wooden tables",
"wooden chairs and stools",
"potted plants",
"table lamps",
"bookshelf",
"framed wall art",
"curtains",
"camera tripod"
]
},
"lighting": "warm tungsten café lighting with deep shadows and orange-brown tones",
"location": "cozy coffee shop at night",
"subjects": [
{
"appearance": "long wavy dark hair, cream knit cardigan over a light top, seated close to camera, extended arm toward lens, Show every face clearly with natural, detailed facial features",
"count": 1,
"role": "foreground woman taking a selfie"
},
{
"appearance": "ponytail, oversized light hoodie, standing beside a camera on a tripod, Show every face clearly with natural, detailed facial features",
"count": 1,
"role": "background woman filming"
}
]
},
"generation_notes": "Create a polished product mockup / in-app screenshot for {argument name=\"app name\" default=\"Panoramic Heartbeat Project\"}, showing chapter {argument name=\"chapter label\" default=\"Chapter 2\"} and scene title {argument name=\"scene title\" default=\"Coffee Shop Sample\"}. Keep the exact Chinese labels visible. Emphasize a warm emotional café atmosphere, realistic photographic background, cinematic depth of field, and elegant dark UI overlays. Include the exact dialogue line and stats values. Use subtle vignette, glossy panel edges, and a premium narrative-game interface aesthetic.",
"language": "Chinese UI",
"layout": {
"bottom_dialogue_box": {
"count": 2,
"items": [
"Character name \"Su Xiaoqing\"",
"Dialogue text \"I want to photograph a place where a person can finally breathe. Not to be pleased, but to be caught.\""
],
"position": "bottom center-left overlay"
},
"left_stats_panel": {
"count": 5,
"labels": [
"route",
"career",
"sincerity",
"pressure",
"trust average"
],
"position": "top-left vertical card stack",
"values": [
"Not locked",
"32",
"40",
"38",
"31"
]
},
"right_memory_panel": {
"count": 6,
"position": "right sidebar",
"sections": [
{
"count": 1,
"labels": [
"Coffee Shop Sample"
],
"title": "featured memory card"
},
{
"count": 4,
"labels": [
"Reunion on a rainy night",
"Rooftop during a blackout",
"Morning in a shared apartment",
"Coffee Shop Sample"
],
"title": "Arrived at the scene"
},
{
"count": 1,
"labels": [
"Hidden memories not yet found"
],
"title": "Memories found"
}
],
"title": "Memories"
},
"top_bar": {
"count": 8,
"items": [
"home icon button",
"Title \"Panoramic Heartbeat Project\"",
"Chapter Tag \"Chapter 2\"",
"Main page title \"Coffee Shop Sample\"",
"Subtitle \"Xiao Qing Su's Coffee Shop\"",
"Favorite button \"Relationship\"",
"Review button \"Memories\"",
"Archive button \"Archive\" and Settings button \"Settings\""
]
}
},
"product": "story-driven life simulation / memory collection app",
"screen": {
"aspect_ratio": "16:9 landscape",
"style": "premium mobile-game-like desktop web app, moody, emotional, softly blurred edges, amber highlights, realistic photography background with crisp UI panels",
"theme": "dark translucent glassmorphism overlay on top of a warm café photo"
},
"text_style": {
"accent": "soft gold / amber icons and highlights",
"color": "off-white and muted gray on dark translucent panels",
"font": "clean modern sans-serif Chinese UI font"
},
"type": "cinematic app interface screenshot"
}Prompt variables
Editable argument placeholders found in the prompt, with their default values.
Variable
app name
Default
Panoramic Heartbeat Project
Variable
chapter label
Default
Chapter 2
Variable
scene title
Default
Coffee Shop Sample
Best for
- - Product & Commercial 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: Text to Image
- - Aspect ratio: source
- - Commercial status: review original source
How to use this prompt
- 1. Copy the prompt and preserve its structure for the first test.
- 2. Replace the subject, context, and publishing channel.
- 3. Change one camera, lighting, or style variable per iteration.
- 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.
Reuse and source notes
Use this prompt safely after previewing the case.
- 1.Copy the prompt or open it directly in Dovoo with the generation button.
- 2.Adjust variables, aspect ratio, and reference images for your own use case.
- 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.