Use case: ui-mockup。主题:游戏化设计、光线与天气、写实图像、产品样机、UI 界面。

如何复用

可参考这个示例来设计 游戏化设计、光线与天气、写实图像、产品样机 工作流、提示词结构、视觉约束和结果检查方式。

了解 Drill 打开 VibeArt

完整提示词

Use case: ui-mockup
Asset type: landing page hero showcase for a reading and knowledge app
Primary request: create a polished marketing UI design that demonstrates a parent/current/child three-layer node concept, inspired by a warm editorial SaaS brand.
Scene/backdrop: airy light-theme landing page section on a warm oat-cream background with subtle paper texture and quiet radial light.
Subject: a large centered product mockup that clearly shows three depth levels: a faded parent card peeking from behind at the top, a crisp current reading card in the middle, and a floating child detail card above and slightly to the right.
Style/medium: premium product design mockup, refined editorial interface, calm literary feeling, high-end Figma/Dribbble presentation quality.
Composition/framing: desktop website hero composition, generous whitespace, asymmetric but balanced layout, strong visual focus on the stacked card hierarchy.
Lighting/mood: soft daylight, warm and intelligent, premium but restrained.
Color palette: warm cream, bone, sand, terracotta, muted amber, charcoal text.
Materials/textures: paper-like cards, thin warm-gray borders, soft layered shadows, subtle terracotta glow around the active child layer.
Text (verbatim): keep text minimal, mostly abstract UI lines and a few tiny labels only.
Constraints: light theme only; elegant serif display feel mixed with clean sans-serif UI details; no dark mode; no purple; no neon blue; no cyberpunk; no glassmorphism; no stock-photo people; avoid clutter; emphasize the three-layer parent/current/child feeling.

更多示例