Use case: ui-mockup

完整提示词

Use case: ui-mockup
Asset type: in-product desktop web app screen
Primary request: create a realistic software UI showing a reading app with parent/current/child three-layer node navigation in actual use.
Scene/backdrop: desktop browser screenshot of a calm knowledge-reading workspace.
Subject: left sidebar tree navigation, central reading canvas, and a layered node interaction. The parent card is tucked behind and peeking from the top, the current card is the main readable article surface, and the child node is opened as a modal sheet hovering above the current card with a slightly stronger accent and backdrop blur.
Style/medium: production-grade web app interface, modern editorial product UI, believable and usable, not concept art.
Composition/framing: straight-on desktop screenshot, slightly zoomed in so the three layers are obvious and tactile.
Lighting/mood: soft warm daylight, thoughtful, quiet, premium.
Color palette: oat cream, soft ivory, terracotta, sand, charcoal, tiny muted sage accents only if subtle.
Materials/textures: paper-like surfaces, rounded cards, fine borders, soft shadows, subtle modal overlay, restrained browser chrome.
Text (verbatim): minimal readable UI text only, mostly short headings and paragraph blocks, avoid lots of typography.
Constraints: reference a warm editorial website theme rather than a generic dashboard; light mode only; no dark mode; no purple; no neon; no glossy glass cards; no excessive charts; keep the hierarchy readable and calm; make the parent/current/child depth relationship the main design idea.