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 used by professional designers, filmmakers, photographers, and AI artists. The application should not feel like a chatbot or a simple prompt generator. It should feel like professional creative software where users define visual intent, refine creative decisions, and understand how AI transforms those decisions into a final image prompt. Visual Style Create a dark mode desktop application with: deep obsidian background slate-gray surfaces subtle glass-like panels thin borders soft elevation shadows restrained neon accents (electric blue, violet, teal) elegant modern typography premium creative software aesthetic The interface should feel like a combination of: film production software professional design tools AI creative workspace Prioritize: clear hierarchy spacious layout refined controls calm professional interface realistic SaaS product screenshot quality Avoid: chatbot layouts generic AI assistants excessive dashboard widgets spreadsheet-like interfaces overly futuristic sci-fi styling Application Layout Create a three-column desktop application layout. LEFT PANEL — Creative Library A compact creative inspiration sidebar. Header: Creative Library Include: preset categories saved creative directions visual references Display a refined two-column grid of preset cards. Each card contains: cinematic thumbnail preset name small metadata labels subtle hover states selected state highlight Example presets: Cinematic Scene Portrait Master Cyberpunk City Product Showcase YouTube Thumbnail Architectural Visualization When a preset is selected, show a compact summary: Creative Direction Visual Language: Cinematic Composition: Epic Wide Shot

Lighting: Warm Backlight Mood: Inspirational Environment: Mountain Landscape The panel should feel like a professional creative toolkit, not a gallery. CENTER PANEL — AI Creative Pipeline The center workspace is the main focus. Create a vertical intelligent workflow with four connected stages. Use: numbered stages subtle timeline connectors active stage glow AI suggestion indicators Stages: Creative Direction Cinematography Lighting & Atmosphere Style Stage 1 — Creative Direction Create two large visual cards. Scene Card Include: cinematic thumbnail environment mood concept tags narrative purpose Example: Mountain Landscape Tags: Epic Outdoor Sunset Mood: Inspirational Subject Card Include: character/object thumbnail action emotion framing intent Example: Warrior Action: Standing and looking into distance Emotion: Determined Framing: Heroic silhouette Below each card add a small AI explanation: Why this works Example: "Warm sunset lighting reinforces the silhouette and creates emotional scale." Stage 2 — Cinematography Focus on professional visual controls. Display: Camera Angle: Low Angle

Lens: 35mm Composition: Rule of Thirds Depth of Field: Shallow Focus Framing: Wide Shot Use elegant chips, dropdowns, and compact controls instead of text inputs. Stage 3 — Lighting & Atmosphere Controls: Lighting Direction: Backlight Color Temperature: Warm Gold Volumetric Effects: God Rays Atmosphere: Hazy Mountain Air Show subtle visual previews. Stage 4 — Style Controls:

Rendering Cinematic Realism Color Grade: Teal & Orange Artistic Treatment: High Contrast Realism Level: Photorealistic RIGHT PANEL — Creative Intelligence Create a dedicated AI understanding panel. The purpose is to explain why the AI made creative choices and allow users to adjust the overall creative direction. Do not use a node graph. Do not use a DNA visualization. Instead create a clean professional analysis panel. Section 1 — Compiled Prompt Show the generated prompt in a premium editor-style interface. Include: syntax highlighting colored keywords expandable sections linked creative decisions Example: A cinematic scene of a solitary warrior standing on a rocky cliff at sunset.

Lighting: golden hour backlight

Camera: 35mm lens, shallow depth of field

photorealistic cinematic realism Section 2 — Why This Works Show AI reasoning. Example: Golden Hour Backlight Source: Lighting Stage Based on: warm color temperature backlight direction heroic silhouette Effect: Creates emotional depth and cinematic scale. Section 3 — Creative Direction Controls Add interactive creative adjustment sliders. These should feel like a director's control panel. Example: Mood Epic ────────●──── Calm Realism Stylized ────●──── Photorealistic Drama Subtle ──────●── Extreme Story Focus Action ──●──── Reflection When a slider changes, show a subtle indication that the prompt and related creative choices are updating. Bottom Controls Add a refined control area. Creative Interpretation

A slider controlling AI interpretation Strict ───────── Expressive Use clear labeling. Avoid Compact removable tags: blurry low quality watermark distorted anatomy Primary Action Bottom right: Large premium button: Render Visual Design: purple-blue gradient soft glow high contrast premium SaaS appearance Interaction Details Include subtle UI states: glowing active pipeline stage highlighted relationships between controls and prompt sections selected controls AI suggestion markers smooth hover transitions The interface should communicate: "AI is helping organize creative decisions while keeping the user in control." Final Presentation High fidelity SaaS product design mockup. Realistic application screenshot. 4K resolution. Modern UX case study presentation. The final design should look like a real professional creative application used daily by visual creators.