담타콜을 bungeo 수준으로 올린 디자인 프롬프트 전문

Use case: ui-mockup
Asset type: production design concept for a Korean web app primary screen and lobby mood
Primary request: Create a high-end mobile-first product UI concept for "담타콜", a web app where a small group opens a channel and sends a short break request. It should feel as polished and tactile as the referenced bungeo.ootssu.com concept, but not like a game. Translate the bungeo quality into a premium late-night cafe / office break call station: warm paper lantern and espresso bar atmosphere, tactile panels, rich lighting, strong primary action, compact app surface, delightful but practical.
Reference image role: quality benchmark for polish, tactile depth, framing, strong buttons, Korean app personality. Do not copy game mechanics, snacks, scoreboards, or title style directly.
Required screen content: brand "담타콜", channel name "공개채널", large primary action "지금 나갈 사람?", current request state with requester and join/pass/complete controls, small stats for 오늘/온라인/평균 간격, request history rows, participant avatars, invite/share controls with QR area. Also show a lobby/create channel mood in small secondary area if composition allows.
Style/medium: high-fidelity app UI mockup, code-native controls, not a static poster; warm cinematic cafe lighting, tactile material surfaces, Korean web-app polish.
Composition/framing: tall mobile-first screen with a focused app frame, next content visible, stable UI panels, strong thumb-friendly bottom actions, no marketing hero, no decorative card grid.
Color palette: deep espresso brown, cream paper, muted teal accent, amber light, red only for secondary caution/decline. Avoid purple, blue gradients, beige-only monotone, and generic SaaS white dashboard.
Typography: bold Korean display for brand and action; compact readable UI text; no negative letter spacing.
Constraints: keep controls realistic and implementable with React/CSS/lucide icons; avoid fake unreadable tiny text; no hero eyebrow/kicker/badge; no placeholder boxes; no text overlap; no nested cards; no animals or creature mascots; no score/game framing; no bungeo/snack assets; no ootssu.com domain text in the visible UI.

Use case: product-mockup
Asset type: background image for a Korean web app UI
Primary request: Create a premium late-night cafe and office break-call station background for the web app "담타콜". No UI panels, no readable text, no logos. Warm espresso bar lighting, paper lantern glow, dark wood counter, soft amber bokeh, subtle teal shadows, a quiet modern Korean office-cafe mood. It should support overlaying code-native app UI on top.
Style/medium: cinematic high-quality raster background, realistic but slightly stylized, refined product-app atmosphere.
Composition/framing: tall mobile-first composition, central area should be darker and calmer for UI legibility, edges may show warm lights and counter details. No people in foreground.
Color palette: deep espresso brown, warm amber, cream highlights, muted teal shadows.
Constraints: no text, no watermark, no app screens, no QR, no buttons, no labels, no animal/creature mascots, no snacks/food game objects, no clutter. Keep background tasteful and not too busy.

Reference the quality bar of [reference app], but do not copy its domain, mechanics, assets, or visual jokes.
Translate its polish into this product's first-principles workflow.
The first viewport must be the usable app surface, not a landing page.
List the real controls and states that must appear on screen.
Use image generation only for non-interactive atmosphere or assets.
Render all text, buttons, state, and data in code.
Name the anti-patterns explicitly: no fake text, no nested cards, no decorative dashboard clutter, no overlapping mobile text, no visual affordance without behavior.
Verify the shipped UI with typecheck, build, browser screenshots, and the core user loop.