Modern premium web app UI mockup for an AI visual creation workspace. Use the re...

Modern premium web app UI mockup for an AI visual creation workspace. Use the reference image only as inspiration for quality and atmosphere; do not reuse any specific layout, components, or visual elements. Design a unique dark-mode creative application with a sophisticated SaaS aesthetic. The interface should feel like a professional creative studio tool: minimal, spacious, highly polished, and focused on helping users shape visual ideas quickly without feeling like a complicated editor. Overall Style Dark theme using deep obsidian backgrounds, soft slate panels, and subtle layered depth. Premium creative software aesthetic with elegant typography, generous spacing, and refined micro-interactions. Semi-flat interface design with soft shadows, subtle highlights, glass-like accents, and modern rounded surfaces. Use distinctive accent colors for active states and categories, avoiding generic blue/purple AI aesthetics. High signal-to-noise ratio: every element has a clear purpose. Avoid excessive icon-only controls; prioritize clear text labels and understandable interactions. Layout Structure LEFT PANEL — Creative Library A refined inspiration and preset library designed for starting creative projects. Features: Two-column grid of polished visual preset cards. Each card contains: small preview image preset name short creative description subtle hover animation Example presets: Portrait Studio "Create expressive character portraits" Product Showcase "Generate premium commercial visuals" Fashion Editorial "Design magazine-style imagery" Fantasy World "Build cinematic environments" Social Media Visual "Create attention-grabbing content" The panel should feel like browsing a premium creative collection rather than selecting templates. CENTER AREA — Creative Workspace The primary workspace is a clean vertical arrangement of large interactive cards. The cards represent creative decisions and are grouped into three visual sections: Creative Direction Scene A card showing the current environment or setting. Example: Scene Ancient coastal temple Golden sunset atmosphere Suggestions: [dramatic sky] [misty cliffs] [warm lighting] Subject The currently active card. Large emphasis state: brighter border subtle glow expanded details visible controls Example: Subject Explorer character Appearance • confident expression • athletic build • mature features Suggestions: [adventurer] [scientist] [traveler] Cinematography Camera Controls: framing perspective camera distance composition Example: Camera Medium portrait [Close] ----●---- [Wide] Perspective: Eye level Lighting Controls: atmosphere shadows color mood Example: Lighting Soft sunset glow Warm ◉──────── Cool Style Visual Style Controls: artistic direction rendering style aesthetic references Example: Style Cinematic realism [Editorial] [Fantasy] [Minimal] [Retro] Final Details Controls: finishing elements quality preferences visual modifiers At the bottom of the workspace: Creative Control A large elegant slider: Creative Freedom Precise ───────●────── Experimental This controls how closely the output follows the selected choices versus adding creative interpretation. RIGHT PANEL — Preview & Output A premium preview area showing the expected result. Default view: simple 3D wireframe subject preview front-facing neutral pose used only for controlling: body proportions pose framing placement The preview should not contain final clothing, environments, or detailed styling. Include a toggle: Preview Mode [ Subject Preview ] [ Final Prompt ] Subject Preview: clean wireframe/mannequin view Final Prompt: polished text output view Properties Interaction When the user changes a workspace card: the related section subtly highlights. active areas gently illuminate. transitions feel smooth and intentional. Avoid excessive animations; use refined feedback. Bottom Action Area Large primary action: Generate Image Button should feel premium: large centered high contrast visually important Secondary actions: Save Duplicate Export should remain understated. Design Goal The final interface should feel like: a professional creative studio an intuitive visual planning tool a premium design application It should not feel like: a developer dashboard a settings panel a form builder a technical AI interface The experience should make creating complex visuals feel simple, elegant, and enjoyable.