PicX Studio

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.

Cinematic Coffee Shop VN UI Mockup — AI image template example
GPT Image 2Free
ExampleCinematic Coffee Shop VN UI Mockup
Prompt
Settings
GPT Image 216:9
  • 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.

Structured prompt · 55 fields
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

  1. 1
    Upload ImagePNG, JPG or paste

    Add your photo

    Upload the photo the template builds on. The prompt, model and format are already set.

  2. 2
    …a portrait of your subject in softgolden-hour light, 85mm…

    Personalize

    Edit the subject and creative details for your destination.

  3. 3
    Generate

    Generate

    Press Generate — your image is created in PicX Studio, so you can compare it with the original and refine one variable at a time.

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.

Troubleshooting Cinematic Coffee Shop VN UI Mockup
If the result…WhyFix
The result drifts from the previewToo 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 JSONSome models flatten or skip nested keys.Keep the same values and paste them as a short paragraph instead.

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.

FREEClaim Free Image Generation