Use case: ui-mockup

完整提示词

Use case: ui-mockup
Asset type: in-product desktop web app screen
Primary request: create a corrected realistic software UI showing parent/current/child three-layer node navigation with the proper card size order. Parent is the largest base card, current is a smaller middle card above it, and child is the smallest foreground detail card. This nested size hierarchy must be visually clear.
Scene/backdrop: straight-on desktop browser screenshot of a calm reading workspace with sidebar and warm editorial app styling.
Subject: left sidebar tree navigation and central stack of three cards. The parent card is the largest contextual layer in the back, the current reading card is medium and centered on top of it, and the child drill-down card is the smallest panel floating at front-right.
Style/medium: production-grade web app interface, believable and usable, warm literary SaaS design.
Composition/framing: direct desktop screenshot, enough zoom to clearly read the size progression from parent to current to child.
Lighting/mood: soft warm daylight, quiet, premium, thoughtful.
Color palette: oat cream, ivory, sand, terracotta, charcoal, with only very subtle muted sage as optional secondary accent.
Materials/textures: paper-like surfaces, refined borders, soft layered shadows, restrained overlay effects.
Text (verbatim): small labels allowed for Parent, Current, Child.
Constraints: parent card must be largest, current smaller, child smallest; light mode only; no dark mode; no purple; no neon; no generic dashboard feel; keep the hierarchy tactile and calm; match the current website's warm editorial theme.