Use the reference image as inspiration only. Do not reuse any specific layout, c...

Use the reference image as inspiration only. Do not reuse any specific layout, components, styling, or visual elements from the reference image. Design a modern, unique web app UI layout mockup for an AI visual creation workspace. The application should feel like a premium creative studio tool for building images, with a dark mode aesthetic using deep obsidian backgrounds, sleek slate-gray panels, subtle depth, and refined modern interactions. The design should prioritize clarity, creative control, and a high signal-to-noise ratio. Avoid a generic AI dashboard appearance. The interface should feel like professional creative software: spacious, elegant, intuitive, and focused on helping users shape visual ideas. Use minimalist sans-serif typography, semi-flat UI design, soft shadows, subtle highlights, rounded surfaces, and distinctive modern accent colors for active states and category separation. Avoid excessive icon-only controls; use clear text labels and understandable interactions. ## Overall Layout The application consists of three primary zones: 1. LEFT PANEL — Creative Library 2. CENTER WORKSPACE — Visual Composition Flow 3. RIGHT PANEL — Contextual Properties Editor --- # LEFT PANEL — Creative Library A polished inspiration library where users begin creative projects. Design a clean two-column grid of visual preset cards. Each card should contain: * small premium preview image * preset title * short creative description * subtle hover interaction Example presets: * Portrait Studio * "Create expressive character imagery" * Product Showcase * "Generate premium commercial visuals" * Fashion Editorial * "Create magazine-inspired compositions" * Fantasy World * "Build cinematic environments" * Social Content * "Create attention-focused visuals" The library should feel like a curated creative collection rather than a template selector. --- # CENTER WORKSPACE — Creative Composition Flow The center area contains a vertical sequence of large interactive cards representing major creative decisions. Cards should be grouped into three subtle visual sections: ## Creative Direction ### Scene A card representing the environment and setting. Example: Scene Ancient coastal temple Current selections: * sunset atmosphere * ocean backdrop * cinematic mood Include subtle suggestion controls and selectable chips without requiring text input. --- ### Subject The currently selected element. This card should have the strongest active state: * brighter border * subtle glow * expanded information * clear selection indicator Example: Subject Explorer Character Current choices: * confident expression * athletic build * adventurous personality Include simple selectable options and visual controls. --- ## Cinematography ### Camera Controls for: * framing * camera distance * perspective * composition Example: Camera Medium portrait Close ─────●──── Wide --- ### Lighting Controls for: * lighting direction * atmosphere * color temperature * shadow intensity --- ## Style ### Visual Style Controls for: * artistic direction * rendering style * aesthetic mood * finishing details --- At the bottom of the center workspace include: ## Creative Freedom A large refined slider: Precise ─────────●──────── Experimental This controls how closely the output follows selections versus adding creative interpretation. --- # RIGHT PANEL — Contextual Properties Editor The right panel is a dynamic refinement workspace that changes based on the selected element in the center. The panel should feel like a professional creative properties inspector, not a technical settings panel. When the Subject card is selected, display a dedicated subject editing workspace. --- ## Subject Properties View Header: SUBJECT Explorer Character Include a large interactive 3D preview area showing a simplified subject model. The model should be: * front-facing default view * neutral pose initially * clean wireframe or minimal mannequin style * without clothing, environment, or final rendering details * focused on silhouette, proportions, anatomy, and placement The preview exists for controlling the subject structure before final image generation. Include subtle controls: * rotate view * adjust pose * reset view --- Below the preview, display editable subject attributes. ## Physical Attributes Height Short ─────●──── Tall Build Slim ──────●──── Athletic Age Young ─────●──── Mature ## Appearance Facial Structure [Soft] [Defined] [Angular] Expression [Neutral] [Confident] [Focused] Body Presence [Light] [Balanced] [Powerful] --- ## Pose & Placement Controls connected visually to the 3D preview: Pose Relaxed Standing Posture Neutral ─────●──── Dynamic Weight Distribution Centered ───●──── Motion --- ## Additional Details Expandable advanced sections for users who want deeper customization: * anatomy proportions * shoulder width * body ratios * gesture intensity * silhouette adjustments Keep advanced controls collapsed by default. --- # Contextual Panel Behavior The right panel should change depending on the selected center card. Examples: Selecting Scene displays: * environment preview * weather * lighting * atmosphere * architecture Selecting Camera displays: * framing * lens * perspective * depth of field Selecting Style displays: * rendering style * color palette * texture * artistic direction The right panel should always represent the currently selected creative element. --- # Interaction Design When a property is changed: * the related center card should subtly highlight * the selected element should visually respond * transitions should feel smooth and intentional Avoid excessive animation or distracting effects. --- # Bottom Action Area Include a large premium primary button: Generate Image The button should feel like the final creative action. Secondary actions: * Save * Duplicate * Export should remain subtle and secondary. --- ## Final Design Goal The interface should feel like a premium creative application where users can move naturally from inspiration, to composition, to detailed refinement. It should not feel like: * a developer dashboard * a form builder * a technical AI control panel * a prompt editor The experience should make creating complex visuals feel simple, elegant, and highly controllable.