PicX Studio

Cinematic Cafe Visual Novel UI

A photorealistic nighttime coffee shop scene presented as a stylish Chinese narrative game screenshot, useful for mockups of visual novels, interactive story apps, or cinematic UI concepts.

Cinematic Cafe Visual Novel UI — AI image template example
GPT Image 2Free
ExampleCinematic Cafe Visual Novel UI
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 Cafe Visual Novel UI, or open it in the studio and make it yours.

Structured prompt · 56 fields
Type
cinematic narrative game interface screenshot
Theme
warm, introspective coffee shop memory scene with visual novel UI overlay
Setting › Location
cozy independent cafe at night
Setting › Lighting
dim amber tungsten lighting, soft practical lamps, warm highlights, deep shadows
Setting › Atmosphere
quiet, nostalgic, emotionally reflective, slightly cinematic realism
Setting › Background Details
large windows with night city lights visible outside, wooden tables and chairs scattered through the cafe, potted plants near the windows and corners, bookshelf or display shelf in the back, ceiling fan centered overhead, curtains framing the windows
Composition › Camera
slightly wide-angle selfie perspective from the seated foreground subject
Composition › Framing
foreground woman occupies the center-left with her arm extended toward the camera, second woman stands mid-right operating a camera on a tripod, UI panels overlay the full screen
Composition › Depth
shallow to moderate depth with soft environmental blur and strong focus on the overall scene mood
Subjects › Count
2
Subjects › Characters › 0 › Role
foreground protagonist
Subjects › Characters › 0 › Gender Presentation
young woman
Subjects › Characters › 0 › Position
center-left foreground
Subjects › Characters › 0 › Pose
holding the camera or phone in a selfie-like pose with one arm extended toward the viewer
Subjects › Characters › 0 › Appearance › Hair
long wavy dark hair
Subjects › Characters › 0 › Appearance › Outfit
soft white knit cardigan with buttons over a light inner top
Subjects › Characters › 0 › Appearance › Accessories
subtle necklace
Subjects › Characters › 1 › Role
background companion
Subjects › Characters › 1 › Gender Presentation
young woman
Subjects › Characters › 1 › Position
mid-right background
Subjects › Characters › 1 › Pose
standing beside a tripod, looking down at or adjusting a camera
Subjects › Characters › 1 › Appearance › Hair
dark hair tied in a ponytail
Subjects › Characters › 1 › Appearance › Outfit
oversized light-colored hoodie and shorts or bare legs visible
Style › Rendering
photorealistic cinematic game screenshot
Raw JSON
{"type":"cinematic narrative game interface screenshot","theme":"warm, introspective coffee shop memory scene with visual novel UI overlay","setting":{"location":"cozy independent cafe at night","lighting":"dim amber tungsten lighting, soft practical lamps, warm highlights, deep shadows","atmosphere":"quiet, nostalgic, emotionally reflective, slightly cinematic realism","background_details":["large windows with night city lights visible outside","wooden tables and chairs scattered through the cafe","potted plants near the windows and corners","bookshelf or display shelf in the back","ceiling fan centered overhead","curtains framing the windows"]},"composition":{"camera":"slightly wide-angle selfie perspective from the seated foreground subject","framing":"foreground woman occupies the center-left with her arm extended toward the camera, second woman stands mid-right operating a camera on a tripod, UI panels overlay the full screen","depth":"shallow to moderate depth with soft environmental blur and strong focus on the overall scene mood"},"subjects":{"count":2,"characters":[{"role":"foreground protagonist","gender_presentation":"young woman","position":"center-left foreground","pose":"holding the camera or phone in a selfie-like pose with one arm extended toward the viewer","appearance":{"hair":"long wavy dark hair","outfit":"soft white knit cardigan with buttons over a light inner top","accessories":"subtle necklace"}},{"role":"background companion","gender_presentation":"young woman","position":"mid-right background","pose":"standing beside a tripod, looking down at or adjusting a camera","appearance":{"hair":"dark hair tied in a ponytail","outfit":"oversized light-colored hoodie and shorts or bare legs visible"}}]},"style":{"rendering":"photorealistic cinematic game screenshot","color_palette":"warm browns, amber gold, soft black, muted cream","mood":"gentle, intimate, slice-of-life, memory-like","ui_style":"sleek dark translucent modern game UI with rounded rectangles and subtle gold accents"},"layout":{"sections":[{"title":"左侧状态栏","position":"top-left vertical panel","count":5,"labels":["路线","事业","真诚","压力","信任均值"]},{"title":"顶部导航","position":"top edge","count":6,"labels":["环景心动计划","第二章","咖啡店样片","关系","回忆","存档"]},{"title":"右侧回忆面板","position":"right sidebar","count":3,"labels":["咖啡店样片","已到达场景","已发现回忆"]},{"title":"已到达场景","position":"inside right sidebar middle","count":4,"labels":["序章","雨夜重逢","序章","停电楼顶","第一章","合租公寓的早晨","第二章","咖啡店样片"]},{"title":"底部对白框","position":"bottom center-left","count":2,"labels":["苏晓晴","我想拍一个人终于可以喘口气的地方。不是被取悦,是被接住。"]}],"centerpiece":"foreground selfie-like portrait inside the cafe with a second person filming in the background"},"text":{"language":"Chinese interface text","preserve_visible_text":true},"customization":{"chapter":"{argument name=\"chapter label\" default=\"第二章\"}","scene title":"{argument name=\"scene title\" default=\"咖啡店样片\"}","character name":"{argument name=\"character name\" default=\"苏晓晴\"}","dialogue":"{argument name=\"quote\" default=\"我想拍一个人终于可以喘口气的地方。不是被取悦,是被接住。\"}","interface title":"{argument name=\"interface title\" default=\"环景心动计划\"}"},"quality":"high-detail, polished, premium indie narrative game screenshot, realistic lighting, cohesive UI design"}

How to use Cinematic Cafe Visual Novel UI 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 Cafe Visual Novel UI 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 independent cafe at night”.

  • Swap the light

    One lighting change is enough to compare takes. Current light: “dim amber tungsten lighting, soft practical lamps, warm highlights, deep shadows”.

  • Change one field

    Copy a single group, rewrite it, and generate again so you can see what that field is doing.

Troubleshooting Cinematic Cafe Visual Novel UI
If the result…WhyFix
The result drifts from the previewToo many fields changed at once.Reuse Cinematic Cafe Visual Novel UI 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 Cafe Visual Novel UI questions

How do I use the Cinematic Cafe Visual Novel UI 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 Cafe Visual Novel UI template?

Yes. You can change the subject, setting, lighting, mood, format, and available model controls before creating your image.

Is the Cinematic Cafe Visual Novel UI 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