Cinematic Coffee Shop VN UI Mockup
This generates a realistic romantic visual-novel style game screenshot set in a warm night café, useful for web game mockups, interactive drama concepts, and product demos.

- Prompt included
- Model and format preset
- Free template

The prompt behind this image
Copy the exact prompt behind Cinematic Coffee Shop VN UI Mockup, or open it in the studio and make it yours.
- Type
- cinematic visual novel game interface screenshot
- Theme
- warm, intimate, slightly moody romance-sim UI over a realistic coffee shop scene
- Scene › Location
- cozy coffee shop interior at night
- Scene › Lighting
- soft amber practical lighting, warm tungsten glow, dim corners, cinematic shadows, reflections in windows
- Scene › Weather
- nighttime city outside the windows
- Scene › Camera
- first-person selfie-like viewpoint from the seated protagonist, slightly wide-angle lens, foreground arm extended toward camera
- Scene › Style
- photorealistic background with polished game UI overlay, modern Chinese interactive drama aesthetic
- Subjects › Count
- 2
- Subjects › Characters › 0 › Role
- foreground heroine
- Subjects › Characters › 0 › Position
- center-left foreground
- Subjects › Characters › 0 › Appearance
- young woman with long wavy dark hair, wearing a cream-white knit cardigan over a light inner top, delicate necklace, upper body close to camera as if taking a selfie
- Subjects › Characters › 0 › Face Visibility
- face intentionally obscured by a rectangular blur block
- Subjects › Characters › 1 › Role
- background woman filming
- Subjects › Characters › 1 › Position
- mid-right background
- Subjects › Characters › 1 › Appearance
- young woman with dark hair in a ponytail, wearing a loose pale hoodie and short bottoms, standing beside a tripod and camera rig
- Subjects › Characters › 1 › Action
- adjusting or monitoring camera equipment
- Subjects › Characters › 1 › Face Visibility
- face intentionally obscured by a smaller rectangular blur block
- Environment › Furniture Count
- 7
- Environment › Furniture
- multiple round wooden café tables, wooden stools and chairs, long bench seating at left, bookshelf near the back, potted plants, large curtained windows, ceiling fan
- Environment › Props Count
- 4
- Environment › Props
- tripod, camera, table lamps, cups on tables
- Ui › Language
- Chinese
- Ui › Layout › Sections › 0 › Title
- top navigation bar
- Ui › Layout › Sections › 0 › Position
- top edge
Raw JSON
{"type":"cinematic visual novel game interface screenshot","theme":"warm, intimate, slightly moody romance-sim UI over a realistic coffee shop scene","scene":{"location":"cozy coffee shop interior at night","lighting":"soft amber practical lighting, warm tungsten glow, dim corners, cinematic shadows, reflections in windows","weather":"nighttime city outside the windows","camera":"first-person selfie-like viewpoint from the seated protagonist, slightly wide-angle lens, foreground arm extended toward camera","style":"photorealistic background with polished game UI overlay, modern Chinese interactive drama aesthetic"},"subjects":{"count":2,"characters":[{"role":"foreground heroine","position":"center-left foreground","appearance":"young woman with long wavy dark hair, wearing a cream-white knit cardigan over a light inner top, delicate necklace, upper body close to camera as if taking a selfie","face_visibility":"face intentionally obscured by a rectangular blur block"},{"role":"background woman filming","position":"mid-right background","appearance":"young woman with dark hair in a ponytail, wearing a loose pale hoodie and short bottoms, standing beside a tripod and camera rig","action":"adjusting or monitoring camera equipment","face_visibility":"face intentionally obscured by a smaller rectangular blur block"}]},"environment":{"furniture_count":7,"furniture":["multiple round wooden café tables","wooden stools and chairs","long bench seating at left","bookshelf near the back","potted plants","large curtained windows","ceiling fan"],"props_count":4,"props":["tripod","camera","table lamps","cups on tables"]},"ui":{"language":"Chinese","layout":{"sections":[{"title":"top navigation bar","position":"top edge","count":7,"labels":["环景心动计划","第二章","咖啡店样片","关系","回忆","存档","设置"]},{"title":"left stats panel","position":"top-left vertical stack","count":5,"labels":["路线 未锁定","事业 32","真诚 40","压力 38","信任值 31"]},{"title":"right memory panel","position":"right sidebar","count":3,"labels":["回忆","已到达场景","已发现回忆"]},{"title":"已到达场景 items","position":"right sidebar middle","count":4,"labels":["雨夜重启","停电搜顶","合租公寓的早晨","咖啡店样片"]},{"title":"bottom dialogue box","position":"bottom center","count":2,"labels":["苏晓晴","我想拍一个人终于可以喘口气的地方。不是被取悦,是被接住。"]}],"right_panel_card":{"title":"咖啡店样片","description":"第一支样片决定项目气质,也暴露每个人对\"心动\"的理解"}},"visual_design":"dark translucent panels, rounded corners, thin gold outlines and icons, elegant sans-serif Chinese typography, premium mobile/web drama game HUD"},"color_palette":{"primary":"deep brown and amber","secondary":"charcoal black UI","accent":"muted gold","highlights":"warm cream skin and cardigan tones"},"quality":"high-detail, cinematic, immersive, polished startup game mockup, realistic depth of field, subtle bloom, screen-capture composition","parameters":{"chapter title":"{argument name=\"chapter title\" default=\"咖啡店样片\"}","character name":"{argument name=\"character name\" default=\"苏晓晴\"}","dialogue":"{argument name=\"quote\" default=\"我想拍一个人终于可以喘口气的地方。不是被取悦,是被接住。\"}","location":"{argument name=\"location\" default=\"cozy coffee shop interior at night\"}","ui language":"{argument name=\"interface language\" default=\"Chinese\"}"}}How to use Cinematic Coffee Shop VN UI Mockup in 3 steps
- 1Upload ImagePNG, JPG or paste
Add your photo
Upload the photo the template builds on. The prompt, model and format are already set.
- 2…a portrait of your subject in softgolden-hour light, 85mm…
Personalize
Edit the subject and creative details for your destination.
- 3
GenerateGenerate
Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.
More like this
Templates with the same subject, style or setup. Open one to see its prompt.

Industrial Coffee Shop Portrait

Pastel Pink Coffee Shop Aesthetic

Astronaut Zero-Gravity Coffee Splash

Cappuccino Bottle Splash Product Ad

Cinematic Still of a Man in a Coffee Shop

JSON Prompt for Lifestyle Portrait in Coffee Shop

Product Shot - T-Shirt Mockup

Nano Banana - Paris Cafe Editorial

Cinematic Anime Shinobi Poster Mockup

Elegant Pastry Shop Kimono Man

Realistic Convenience Store Shopping Scene

Overheated Office Lady at Noodle Shop
Make it yours
Cinematic Coffee Shop VN UI Mockup works as-is. These are the safest ways to change it without losing the look.
Swap the setting
Keep the rest of the prompt and replace the location block. The current setting is “cozy coffee shop interior at night”.
Swap the light
One lighting change is enough to compare takes. Current light: “soft amber practical lighting, warm tungsten glow, dim corners, cinematic shadow”.
Change one field
Copy a single group, rewrite it, and generate again so you can see what that field is doing.
| If the result… | Why | Fix |
|---|---|---|
| The result drifts from the preview | Too many fields changed at once. | Reuse Cinematic Coffee Shop VN UI Mockup as-is first, then change one group — subject, light, or setting. |
| GPT Image 2 ignores part of the JSON | Some models flatten or skip nested keys. | Keep the same values and paste them as a short paragraph instead. |
More GPT Image 2 templates
Other prompts made for GPT Image 2.
More image prompts
Fresh picks from across the catalog.
Browse template categories
Cinematic Coffee Shop VN UI Mockup questions
How do I use the Cinematic Coffee Shop VN UI Mockup template?
Add your photo if the template asks for one, edit the prompt if you like — the template's model and format are already selected — and press Generate. Your version opens in PicX Studio.
Can I customize the Cinematic Coffee Shop VN UI Mockup template?
Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.
Is the Cinematic Coffee Shop VN UI Mockup template free?
Opening and editing this template is free. Generating uses credits, shown on the Generate button when you are signed in.
Which AI model should I use?
Start with GPT Image 2, which is the model associated with this template. You can compare another compatible model for a different finish.
Looking for something else? Browse all templates.

Your photo, any look
Thousands of ready templates for every top image and video model, from one credit balance.



















