Use the reference image as inspiration only. Design a premium modern SaaS web ap...

Use the reference image as inspiration only. Design a premium modern SaaS web application UI mockup for an AI visual prompt compiler called PromptForge AI. The product should feel like a next-generation creative direction workspace for professional designers, filmmakers, and AI artists. Create a dark mode desktop application with: deep obsidian background slate-gray panels subtle glass effects soft shadows restrained neon accents (electric blue, violet, teal) elegant typography premium creative software aesthetic The interface should feel like a combination of a film production tool, design application, and AI creative workspace. Prioritize: clear hierarchy spacious layout refined controls sophisticated micro-interactions professional UX case study quality Avoid: chatbot layouts dashboards with excessive widgets spreadsheet styling cluttered interfaces Application Structure Create a three-column desktop layout. LEFT PANEL — Creative Library A compact inspiration library. Show a refined two-column grid of preset cards. Each card includes: cinematic thumbnail preset title small metadata labels subtle hover highlight Example presets: Cinematic Scene Portrait Master Cyberpunk City Product Showcase YouTube Thumbnail Architectural Visualization When a preset is selected, show a small Creative DNA summary: Example: Creative DNA Visual Language: Cinematic Composition: Epic Wide Shot

Lighting: Warm Backlight Mood: Inspirational The panel should feel like a professional creative toolkit, not a gallery. CENTER PANEL — AI Creative Pipeline The main workspace. Create a vertical workflow with connected stages: Creative Direction Cinematography Lighting & Atmosphere Style Use subtle timeline connectors between stages. Stage 1 — Creative Direction Show two large visual cards: Scene Contains: landscape thumbnail environment mood concept tags Example: Mountain Landscape Epic Outdoor Sunset Mood: Inspirational Subject Contains: character/object thumbnail action emotion framing Example: Warrior Standing Looking into distance Framing: Heroic silhouette Add small AI explanation text: "Why this works" Stage 2 — Cinematography Display elegant controls: Camera Angle Lens Composition Depth of Field Framing Use chips and dropdown controls. Example: Low Angle 35mm Rule of Thirds Shallow Focus Wide Shot Stage 3 — Lighting & Atmosphere Controls: Lighting Direction Color Temperature Volumetric Effects Atmosphere Example: Backlight Warm Gold God Rays Hazy Atmosphere Stage 4 — Style Controls: Rendering Style Color Grade Artistic Treatment Realism Level Example: Cinematic Realism Teal & Orange High Contrast Photorealistic RIGHT PANEL — Creative Intelligence Create a unique AI understanding panel. Split the panel into two sections. Top Section — Compiled Prompt A beautifully formatted prompt editor. Include: syntax highlighting colored keywords organized sections Example: A cinematic scene of a solitary warrior standing on a rocky cliff at sunset...

Lighting: golden hour backlight

photorealistic cinematic realism Bottom Section — Creative DNA Map Create an interactive visual relationship map. Show connected nodes representing creative choices. Example layout: Warrior / | \ Heroic Mystery Isolation | | | Subject Lighting Environment | | | Armor Golden Light Mountains Use glowing connection lines and small colored nodes. The map should visually explain how creative decisions influence the final prompt. Include small controls when a node is selected: Example: Selected: Atmosphere Intensity Low ─────●──── High Effect: More cinematic mood Interaction Details Include subtle UI states: glowing active stage highlighted connections selected nodes AI suggestion indicators smooth hover states The interface should communicate: "AI is helping organize creative intent." Bottom Area Add: Creative Interpretation Slider A clean slider: Strict ───────── Expressive Avoid Tags Small removable tags: blurry low quality watermark Primary Action Add a large premium button: Render Visual Use: purple-blue gradient soft glow high contrast professional SaaS styling High fidelity UI design mockup, 4K resolution, realistic application screenshot, modern UX case study presentation.