Use the "Mono Noir Type Portrait Poster Style" visual style as the locked style. Create a 16:9 image. Subject: a tired architect with silver hair Action: studying a folded blueprint in a late-night pause Prop / product: a rolled plan tube and a pencil held low Location: a dim concrete studio after midnight Background: soft charcoal wall gradient, blurred drafting table edge, deep empty space Main text: focus outlasts noise. Secondary text: studio log 02:14 Accent symbol: a tiny white plus Styling: dark work jacket over a plain black shirt Style direction: A stark black-and-white editorial poster system pairing a close, high-contrast photographic portrait with oversized lowercase neo-grotesk typography. One headline word is reversed into a clean white rectangular label while the remaining words sit as heavy white type over a charcoal background. Keep visible: - Strict black-and-white monochrome with no color tint, sepia, duotone accent, or gradient color. - One large photographic human subject, usually cropped close, with the face or upper body carrying the emotional weight. - Deep charcoal-to-black background with soft falloff and large negative space for typography. - Oversized lowercase bold neo-grotesk headline, left aligned, with tight leading and strong optical weight. - The first headline word appears as black type inside a crisp white rectangular label. Avoid: color image, sepia, beige paper, neon, duotone color accent, gradient orb, decorative stickers, collage, ransom note typography, comic halftone, illustration, vector art, anime, 3D render, glossy advertising product shot, UI screenshot, social media frame, watermark, username, logo, QR code, brand mark, exact copied face, short black blunt bangs, freckled young woman close-up, discipline beats procrastination, motivational quote duplicate, handwritten type, serif headline, outlined text, glowing text, curved text, long paragraph, cluttered background, many props, bright happy lifestyle lighting Do not copy source content, real logos, watermarks, platform UI, QR codes, or exact reference layouts. Keep the visual system, but change the subject, text, and scene.
05
Hero
Use the attached DESIGN.md as the primary design system and completely transform the UI into an ultra-modern premium SaaS experience using the Golden Ratio (1:1.618) for layout composition, spacing, and visual hierarchy. Core Goal: Create a visually stunning, modern, elegant, high-end interface that feels like a world-class SaaS product designed by Apple, Stripe, Linear, Framer, or Notion. Golden Ratio Requirements: - Apply the Golden Ratio (1:1.618) across the entire UI system. - Hero layout should use approximately: - 38% content area - 62% visual/image/dashboard area - Use proportional spacing relationships based on the golden ratio. - Maintain natural visual flow and balanced asymmetry. - Use golden-ratio-based card sizing and section spacing where appropriate. Design Transformation: The current UI feels too flat, corporate, dull, and traditional. Transform it into: - premium - futuristic - bright - clean - elegant - modern SaaS UI Visual Style: - Soft glassmorphism - Layered depth - Ambient gradient glows - Smooth tonal surfaces - Elegant shadows - Bright premium surfaces - High-end fintech aesthetic - Minimal but visually rich - Sophisticated spacing system Color Improvements: - Brighten the entire interface slightly - Keep the professional blue identity - Add subtle gradients and luminous accents - Improve surface contrast - Add atmospheric background lighting - Reduce muddy gray feeling - Make cards feel cleaner and more elevated Typography: - Maintain Inter font - Increase premium feel through spacing and hierarchy - Strong visual hierarchy - Large elegant headings - Better readability - Refined font scaling system Layout Improvements: - Use asymmetric premium layouts - Avoid rigid boxy dashboard appearance - Add breathing space - Create smoother visual rhythm - Improve card alignment using proportional spacing - Increase visual balance between left/right sections Cards & Components: - Larger rounded corners (16px–24px) - Modern hover interactions - Softer borders - Layered shadows - Floating visual feel - Better button prominence - Elegant input fields - Premium data table styling Hero Section: - Large immersive hero visual - Golden-ratio composition - Glow behind visuals - Floating analytics cards - Modern dashboard preview - Cinematic SaaS presentation Dashboard Improvements: - Cleaner sidebar - Better spacing rhythm - Elegant charts - Modern KPI cards - Soft gradients in highlights - Reduce clutter - Add visual grouping Animation Style: - Smooth micro-interactions - Subtle floating effects - Soft hover transitions - Premium motion feel - Framer-style polish Responsive Requirements: - Fully responsive - Preserve golden-ratio balance on desktop - Tablet optimized - Mobile-first stacking with strong hierarchy Important Constraints: - Do NOT make it overly colorful - Avoid neon cyberpunk aesthetics - Avoid generic bootstrap appearance - Avoid cluttered enterprise dashboard look - Maintain accessibility and readability - Keep the interface elegant and professional Design Inspiration: - Stripe - Linear - Framer - Apple - Arc Browser - Notion - Vercel - Ramp - Raycast Expected Result: A highly polished, ultra-modern SaaS/admin dashboard interface with Golden Ratio composition, elegant spacing, premium visual hierarchy, immersive depth, and world-class UI/UX quality while still following the uploaded DESIGN.md system.
030
Hero
Use the "Mono Noir Type Portrait Poster Style" visual style as the locked style. Create a 16:9 image. Subject: a tired architect with silver hair Action: studying a folded blueprint in a late-night pause Prop / product: a rolled plan tube and a pencil held low Location: a dim concrete studio after midnight Background: soft charcoal wall gradient, blurred drafting table edge, deep empty space Main text: focus outlasts noise. Secondary text: studio log 02:14 Accent symbol: a tiny white plus Styling: dark work jacket over a plain black shirt Style direction: A stark black-and-white editorial poster system pairing a close, high-contrast photographic portrait with oversized lowercase neo-grotesk typography. One headline word is reversed into a clean white rectangular label while the remaining words sit as heavy white type over a charcoal background. Keep visible: - Strict black-and-white monochrome with no color tint, sepia, duotone accent, or gradient color. - One large photographic human subject, usually cropped close, with the face or upper body carrying the emotional weight. - Deep charcoal-to-black background with soft falloff and large negative space for typography. - Oversized lowercase bold neo-grotesk headline, left aligned, with tight leading and strong optical weight. - The first headline word appears as black type inside a crisp white rectangular label. Avoid: color image, sepia, beige paper, neon, duotone color accent, gradient orb, decorative stickers, collage, ransom note typography, comic halftone, illustration, vector art, anime, 3D render, glossy advertising product shot, UI screenshot, social media frame, watermark, username, logo, QR code, brand mark, exact copied face, short black blunt bangs, freckled young woman close-up, discipline beats procrastination, motivational quote duplicate, handwritten type, serif headline, outlined text, glowing text, curved text, long paragraph, cluttered background, many props, bright happy lifestyle lighting Do not copy source content, real logos, watermarks, platform UI, QR codes, or exact reference layouts. Keep the visual system, but change the subject, text, and scene.
05
Hero
Use the attached DESIGN.md as the primary design system and completely transform the UI into an ultra-modern premium SaaS experience using the Golden Ratio (1:1.618) for layout composition, spacing, and visual hierarchy. Core Goal: Create a visually stunning, modern, elegant, high-end interface that feels like a world-class SaaS product designed by Apple, Stripe, Linear, Framer, or Notion. Golden Ratio Requirements: - Apply the Golden Ratio (1:1.618) across the entire UI system. - Hero layout should use approximately: - 38% content area - 62% visual/image/dashboard area - Use proportional spacing relationships based on the golden ratio. - Maintain natural visual flow and balanced asymmetry. - Use golden-ratio-based card sizing and section spacing where appropriate. Design Transformation: The current UI feels too flat, corporate, dull, and traditional. Transform it into: - premium - futuristic - bright - clean - elegant - modern SaaS UI Visual Style: - Soft glassmorphism - Layered depth - Ambient gradient glows - Smooth tonal surfaces - Elegant shadows - Bright premium surfaces - High-end fintech aesthetic - Minimal but visually rich - Sophisticated spacing system Color Improvements: - Brighten the entire interface slightly - Keep the professional blue identity - Add subtle gradients and luminous accents - Improve surface contrast - Add atmospheric background lighting - Reduce muddy gray feeling - Make cards feel cleaner and more elevated Typography: - Maintain Inter font - Increase premium feel through spacing and hierarchy - Strong visual hierarchy - Large elegant headings - Better readability - Refined font scaling system Layout Improvements: - Use asymmetric premium layouts - Avoid rigid boxy dashboard appearance - Add breathing space - Create smoother visual rhythm - Improve card alignment using proportional spacing - Increase visual balance between left/right sections Cards & Components: - Larger rounded corners (16px–24px) - Modern hover interactions - Softer borders - Layered shadows - Floating visual feel - Better button prominence - Elegant input fields - Premium data table styling Hero Section: - Large immersive hero visual - Golden-ratio composition - Glow behind visuals - Floating analytics cards - Modern dashboard preview - Cinematic SaaS presentation Dashboard Improvements: - Cleaner sidebar - Better spacing rhythm - Elegant charts - Modern KPI cards - Soft gradients in highlights - Reduce clutter - Add visual grouping Animation Style: - Smooth micro-interactions - Subtle floating effects - Soft hover transitions - Premium motion feel - Framer-style polish Responsive Requirements: - Fully responsive - Preserve golden-ratio balance on desktop - Tablet optimized - Mobile-first stacking with strong hierarchy Important Constraints: - Do NOT make it overly colorful - Avoid neon cyberpunk aesthetics - Avoid generic bootstrap appearance - Avoid cluttered enterprise dashboard look - Maintain accessibility and readability - Keep the interface elegant and professional Design Inspiration: - Stripe - Linear - Framer - Apple - Arc Browser - Notion - Vercel - Ramp - Raycast Expected Result: A highly polished, ultra-modern SaaS/admin dashboard interface with Golden Ratio composition, elegant spacing, premium visual hierarchy, immersive depth, and world-class UI/UX quality while still following the uploaded DESIGN.md system.
030
Hero
Use the attached DESIGN.md as the primary design system and completely transform the UI into an ultra-modern premium SaaS experience using the Golden Ratio (1:1.618) for layout composition, spacing, and visual hierarchy. Core Goal: Create a visually stunning, modern, elegant, high-end interface that feels like a world-class SaaS product designed by Apple, Stripe, Linear, Framer, or Notion. Golden Ratio Requirements: - Apply the Golden Ratio (1:1.618) across the entire UI system. - Hero layout should use approximately: - 38% content area - 62% visual/image/dashboard area - Use proportional spacing relationships based on the golden ratio. - Maintain natural visual flow and balanced asymmetry. - Use golden-ratio-based card sizing and section spacing where appropriate. Design Transformation: The current UI feels too flat, corporate, dull, and traditional. Transform it into: - premium - futuristic - bright - clean - elegant - modern SaaS UI Visual Style: - Soft glassmorphism - Layered depth - Ambient gradient glows - Smooth tonal surfaces - Elegant shadows - Bright premium surfaces - High-end fintech aesthetic - Minimal but visually rich - Sophisticated spacing system Color Improvements: - Brighten the entire interface slightly - Keep the professional blue identity - Add subtle gradients and luminous accents - Improve surface contrast - Add atmospheric background lighting - Reduce muddy gray feeling - Make cards feel cleaner and more elevated Typography: - Maintain Inter font - Increase premium feel through spacing and hierarchy - Strong visual hierarchy - Large elegant headings - Better readability - Refined font scaling system Layout Improvements: - Use asymmetric premium layouts - Avoid rigid boxy dashboard appearance - Add breathing space - Create smoother visual rhythm - Improve card alignment using proportional spacing - Increase visual balance between left/right sections Cards & Components: - Larger rounded corners (16px–24px) - Modern hover interactions - Softer borders - Layered shadows - Floating visual feel - Better button prominence - Elegant input fields - Premium data table styling Hero Section: - Large immersive hero visual - Golden-ratio composition - Glow behind visuals - Floating analytics cards - Modern dashboard preview - Cinematic SaaS presentation Dashboard Improvements: - Cleaner sidebar - Better spacing rhythm - Elegant charts - Modern KPI cards - Soft gradients in highlights - Reduce clutter - Add visual grouping Animation Style: - Smooth micro-interactions - Subtle floating effects - Soft hover transitions - Premium motion feel - Framer-style polish Responsive Requirements: - Fully responsive - Preserve golden-ratio balance on desktop - Tablet optimized - Mobile-first stacking with strong hierarchy Important Constraints: - Do NOT make it overly colorful - Avoid neon cyberpunk aesthetics - Avoid generic bootstrap appearance - Avoid cluttered enterprise dashboard look - Maintain accessibility and readability - Keep the interface elegant and professional Design Inspiration: - Stripe - Linear - Framer - Apple - Arc Browser - Notion - Vercel - Ramp - Raycast Expected Result: A highly polished, ultra-modern SaaS/admin dashboard interface with Golden Ratio composition, elegant spacing, premium visual hierarchy, immersive depth, and world-class UI/UX quality while still following the uploaded DESIGN.md system.
030
Hero
Use the "Mono Noir Type Portrait Poster Style" visual style as the locked style. Create a 16:9 image. Subject: a tired architect with silver hair Action: studying a folded blueprint in a late-night pause Prop / product: a rolled plan tube and a pencil held low Location: a dim concrete studio after midnight Background: soft charcoal wall gradient, blurred drafting table edge, deep empty space Main text: focus outlasts noise. Secondary text: studio log 02:14 Accent symbol: a tiny white plus Styling: dark work jacket over a plain black shirt Style direction: A stark black-and-white editorial poster system pairing a close, high-contrast photographic portrait with oversized lowercase neo-grotesk typography. One headline word is reversed into a clean white rectangular label while the remaining words sit as heavy white type over a charcoal background. Keep visible: - Strict black-and-white monochrome with no color tint, sepia, duotone accent, or gradient color. - One large photographic human subject, usually cropped close, with the face or upper body carrying the emotional weight. - Deep charcoal-to-black background with soft falloff and large negative space for typography. - Oversized lowercase bold neo-grotesk headline, left aligned, with tight leading and strong optical weight. - The first headline word appears as black type inside a crisp white rectangular label. Avoid: color image, sepia, beige paper, neon, duotone color accent, gradient orb, decorative stickers, collage, ransom note typography, comic halftone, illustration, vector art, anime, 3D render, glossy advertising product shot, UI screenshot, social media frame, watermark, username, logo, QR code, brand mark, exact copied face, short black blunt bangs, freckled young woman close-up, discipline beats procrastination, motivational quote duplicate, handwritten type, serif headline, outlined text, glowing text, curved text, long paragraph, cluttered background, many props, bright happy lifestyle lighting Do not copy source content, real logos, watermarks, platform UI, QR codes, or exact reference layouts. Keep the visual system, but change the subject, text, and scene.
05
Hero
Use the attached DESIGN.md as the primary design system and completely transform the UI into an ultra-modern premium SaaS experience using the Golden Ratio (1:1.618) for layout composition, spacing, and visual hierarchy. Core Goal: Create a visually stunning, modern, elegant, high-end interface that feels like a world-class SaaS product designed by Apple, Stripe, Linear, Framer, or Notion. Golden Ratio Requirements: - Apply the Golden Ratio (1:1.618) across the entire UI system. - Hero layout should use approximately: - 38% content area - 62% visual/image/dashboard area - Use proportional spacing relationships based on the golden ratio. - Maintain natural visual flow and balanced asymmetry. - Use golden-ratio-based card sizing and section spacing where appropriate. Design Transformation: The current UI feels too flat, corporate, dull, and traditional. Transform it into: - premium - futuristic - bright - clean - elegant - modern SaaS UI Visual Style: - Soft glassmorphism - Layered depth - Ambient gradient glows - Smooth tonal surfaces - Elegant shadows - Bright premium surfaces - High-end fintech aesthetic - Minimal but visually rich - Sophisticated spacing system Color Improvements: - Brighten the entire interface slightly - Keep the professional blue identity - Add subtle gradients and luminous accents - Improve surface contrast - Add atmospheric background lighting - Reduce muddy gray feeling - Make cards feel cleaner and more elevated Typography: - Maintain Inter font - Increase premium feel through spacing and hierarchy - Strong visual hierarchy - Large elegant headings - Better readability - Refined font scaling system Layout Improvements: - Use asymmetric premium layouts - Avoid rigid boxy dashboard appearance - Add breathing space - Create smoother visual rhythm - Improve card alignment using proportional spacing - Increase visual balance between left/right sections Cards & Components: - Larger rounded corners (16px–24px) - Modern hover interactions - Softer borders - Layered shadows - Floating visual feel - Better button prominence - Elegant input fields - Premium data table styling Hero Section: - Large immersive hero visual - Golden-ratio composition - Glow behind visuals - Floating analytics cards - Modern dashboard preview - Cinematic SaaS presentation Dashboard Improvements: - Cleaner sidebar - Better spacing rhythm - Elegant charts - Modern KPI cards - Soft gradients in highlights - Reduce clutter - Add visual grouping Animation Style: - Smooth micro-interactions - Subtle floating effects - Soft hover transitions - Premium motion feel - Framer-style polish Responsive Requirements: - Fully responsive - Preserve golden-ratio balance on desktop - Tablet optimized - Mobile-first stacking with strong hierarchy Important Constraints: - Do NOT make it overly colorful - Avoid neon cyberpunk aesthetics - Avoid generic bootstrap appearance - Avoid cluttered enterprise dashboard look - Maintain accessibility and readability - Keep the interface elegant and professional Design Inspiration: - Stripe - Linear - Framer - Apple - Arc Browser - Notion - Vercel - Ramp - Raycast Expected Result: A highly polished, ultra-modern SaaS/admin dashboard interface with Golden Ratio composition, elegant spacing, premium visual hierarchy, immersive depth, and world-class UI/UX quality while still following the uploaded DESIGN.md system.
030
Hero
Use the "Mono Noir Type Portrait Poster Style" visual style as the locked style. Create a 16:9 image. Subject: a tired architect with silver hair Action: studying a folded blueprint in a late-night pause Prop / product: a rolled plan tube and a pencil held low Location: a dim concrete studio after midnight Background: soft charcoal wall gradient, blurred drafting table edge, deep empty space Main text: focus outlasts noise. Secondary text: studio log 02:14 Accent symbol: a tiny white plus Styling: dark work jacket over a plain black shirt Style direction: A stark black-and-white editorial poster system pairing a close, high-contrast photographic portrait with oversized lowercase neo-grotesk typography. One headline word is reversed into a clean white rectangular label while the remaining words sit as heavy white type over a charcoal background. Keep visible: - Strict black-and-white monochrome with no color tint, sepia, duotone accent, or gradient color. - One large photographic human subject, usually cropped close, with the face or upper body carrying the emotional weight. - Deep charcoal-to-black background with soft falloff and large negative space for typography. - Oversized lowercase bold neo-grotesk headline, left aligned, with tight leading and strong optical weight. - The first headline word appears as black type inside a crisp white rectangular label. Avoid: color image, sepia, beige paper, neon, duotone color accent, gradient orb, decorative stickers, collage, ransom note typography, comic halftone, illustration, vector art, anime, 3D render, glossy advertising product shot, UI screenshot, social media frame, watermark, username, logo, QR code, brand mark, exact copied face, short black blunt bangs, freckled young woman close-up, discipline beats procrastination, motivational quote duplicate, handwritten type, serif headline, outlined text, glowing text, curved text, long paragraph, cluttered background, many props, bright happy lifestyle lighting Do not copy source content, real logos, watermarks, platform UI, QR codes, or exact reference layouts. Keep the visual system, but change the subject, text, and scene.
05
Hero
Use the "Mono Noir Type Portrait Poster Style" visual style as the locked style. Create a 16:9 image. Subject: a tired architect with silver hair Action: studying a folded blueprint in a late-night pause Prop / product: a rolled plan tube and a pencil held low Location: a dim concrete studio after midnight Background: soft charcoal wall gradient, blurred drafting table edge, deep empty space Main text: focus outlasts noise. Secondary text: studio log 02:14 Accent symbol: a tiny white plus Styling: dark work jacket over a plain black shirt Style direction: A stark black-and-white editorial poster system pairing a close, high-contrast photographic portrait with oversized lowercase neo-grotesk typography. One headline word is reversed into a clean white rectangular label while the remaining words sit as heavy white type over a charcoal background. Keep visible: - Strict black-and-white monochrome with no color tint, sepia, duotone accent, or gradient color. - One large photographic human subject, usually cropped close, with the face or upper body carrying the emotional weight. - Deep charcoal-to-black background with soft falloff and large negative space for typography. - Oversized lowercase bold neo-grotesk headline, left aligned, with tight leading and strong optical weight. - The first headline word appears as black type inside a crisp white rectangular label. Avoid: color image, sepia, beige paper, neon, duotone color accent, gradient orb, decorative stickers, collage, ransom note typography, comic halftone, illustration, vector art, anime, 3D render, glossy advertising product shot, UI screenshot, social media frame, watermark, username, logo, QR code, brand mark, exact copied face, short black blunt bangs, freckled young woman close-up, discipline beats procrastination, motivational quote duplicate, handwritten type, serif headline, outlined text, glowing text, curved text, long paragraph, cluttered background, many props, bright happy lifestyle lighting Do not copy source content, real logos, watermarks, platform UI, QR codes, or exact reference layouts. Keep the visual system, but change the subject, text, and scene.
05
Hero
Use the attached DESIGN.md as the primary design system and completely transform the UI into an ultra-modern premium SaaS experience using the Golden Ratio (1:1.618) for layout composition, spacing, and visual hierarchy. Core Goal: Create a visually stunning, modern, elegant, high-end interface that feels like a world-class SaaS product designed by Apple, Stripe, Linear, Framer, or Notion. Golden Ratio Requirements: - Apply the Golden Ratio (1:1.618) across the entire UI system. - Hero layout should use approximately: - 38% content area - 62% visual/image/dashboard area - Use proportional spacing relationships based on the golden ratio. - Maintain natural visual flow and balanced asymmetry. - Use golden-ratio-based card sizing and section spacing where appropriate. Design Transformation: The current UI feels too flat, corporate, dull, and traditional. Transform it into: - premium - futuristic - bright - clean - elegant - modern SaaS UI Visual Style: - Soft glassmorphism - Layered depth - Ambient gradient glows - Smooth tonal surfaces - Elegant shadows - Bright premium surfaces - High-end fintech aesthetic - Minimal but visually rich - Sophisticated spacing system Color Improvements: - Brighten the entire interface slightly - Keep the professional blue identity - Add subtle gradients and luminous accents - Improve surface contrast - Add atmospheric background lighting - Reduce muddy gray feeling - Make cards feel cleaner and more elevated Typography: - Maintain Inter font - Increase premium feel through spacing and hierarchy - Strong visual hierarchy - Large elegant headings - Better readability - Refined font scaling system Layout Improvements: - Use asymmetric premium layouts - Avoid rigid boxy dashboard appearance - Add breathing space - Create smoother visual rhythm - Improve card alignment using proportional spacing - Increase visual balance between left/right sections Cards & Components: - Larger rounded corners (16px–24px) - Modern hover interactions - Softer borders - Layered shadows - Floating visual feel - Better button prominence - Elegant input fields - Premium data table styling Hero Section: - Large immersive hero visual - Golden-ratio composition - Glow behind visuals - Floating analytics cards - Modern dashboard preview - Cinematic SaaS presentation Dashboard Improvements: - Cleaner sidebar - Better spacing rhythm - Elegant charts - Modern KPI cards - Soft gradients in highlights - Reduce clutter - Add visual grouping Animation Style: - Smooth micro-interactions - Subtle floating effects - Soft hover transitions - Premium motion feel - Framer-style polish Responsive Requirements: - Fully responsive - Preserve golden-ratio balance on desktop - Tablet optimized - Mobile-first stacking with strong hierarchy Important Constraints: - Do NOT make it overly colorful - Avoid neon cyberpunk aesthetics - Avoid generic bootstrap appearance - Avoid cluttered enterprise dashboard look - Maintain accessibility and readability - Keep the interface elegant and professional Design Inspiration: - Stripe - Linear - Framer - Apple - Arc Browser - Notion - Vercel - Ramp - Raycast Expected Result: A highly polished, ultra-modern SaaS/admin dashboard interface with Golden Ratio composition, elegant spacing, premium visual hierarchy, immersive depth, and world-class UI/UX quality while still following the uploaded DESIGN.md system.
030
Hero
Use the attached DESIGN.md as the primary design system and completely transform the UI into an ultra-modern premium SaaS experience using the Golden Ratio (1:1.618) for layout composition, spacing, and visual hierarchy. Core Goal: Create a visually stunning, modern, elegant, high-end interface that feels like a world-class SaaS product designed by Apple, Stripe, Linear, Framer, or Notion. Golden Ratio Requirements: - Apply the Golden Ratio (1:1.618) across the entire UI system. - Hero layout should use approximately: - 38% content area - 62% visual/image/dashboard area - Use proportional spacing relationships based on the golden ratio. - Maintain natural visual flow and balanced asymmetry. - Use golden-ratio-based card sizing and section spacing where appropriate. Design Transformation: The current UI feels too flat, corporate, dull, and traditional. Transform it into: - premium - futuristic - bright - clean - elegant - modern SaaS UI Visual Style: - Soft glassmorphism - Layered depth - Ambient gradient glows - Smooth tonal surfaces - Elegant shadows - Bright premium surfaces - High-end fintech aesthetic - Minimal but visually rich - Sophisticated spacing system Color Improvements: - Brighten the entire interface slightly - Keep the professional blue identity - Add subtle gradients and luminous accents - Improve surface contrast - Add atmospheric background lighting - Reduce muddy gray feeling - Make cards feel cleaner and more elevated Typography: - Maintain Inter font - Increase premium feel through spacing and hierarchy - Strong visual hierarchy - Large elegant headings - Better readability - Refined font scaling system Layout Improvements: - Use asymmetric premium layouts - Avoid rigid boxy dashboard appearance - Add breathing space - Create smoother visual rhythm - Improve card alignment using proportional spacing - Increase visual balance between left/right sections Cards & Components: - Larger rounded corners (16px–24px) - Modern hover interactions - Softer borders - Layered shadows - Floating visual feel - Better button prominence - Elegant input fields - Premium data table styling Hero Section: - Large immersive hero visual - Golden-ratio composition - Glow behind visuals - Floating analytics cards - Modern dashboard preview - Cinematic SaaS presentation Dashboard Improvements: - Cleaner sidebar - Better spacing rhythm - Elegant charts - Modern KPI cards - Soft gradients in highlights - Reduce clutter - Add visual grouping Animation Style: - Smooth micro-interactions - Subtle floating effects - Soft hover transitions - Premium motion feel - Framer-style polish Responsive Requirements: - Fully responsive - Preserve golden-ratio balance on desktop - Tablet optimized - Mobile-first stacking with strong hierarchy Important Constraints: - Do NOT make it overly colorful - Avoid neon cyberpunk aesthetics - Avoid generic bootstrap appearance - Avoid cluttered enterprise dashboard look - Maintain accessibility and readability - Keep the interface elegant and professional Design Inspiration: - Stripe - Linear - Framer - Apple - Arc Browser - Notion - Vercel - Ramp - Raycast Expected Result: A highly polished, ultra-modern SaaS/admin dashboard interface with Golden Ratio composition, elegant spacing, premium visual hierarchy, immersive depth, and world-class UI/UX quality while still following the uploaded DESIGN.md system.
030
Hero
Use the "Mono Noir Type Portrait Poster Style" visual style as the locked style. Create a 16:9 image. Subject: a tired architect with silver hair Action: studying a folded blueprint in a late-night pause Prop / product: a rolled plan tube and a pencil held low Location: a dim concrete studio after midnight Background: soft charcoal wall gradient, blurred drafting table edge, deep empty space Main text: focus outlasts noise. Secondary text: studio log 02:14 Accent symbol: a tiny white plus Styling: dark work jacket over a plain black shirt Style direction: A stark black-and-white editorial poster system pairing a close, high-contrast photographic portrait with oversized lowercase neo-grotesk typography. One headline word is reversed into a clean white rectangular label while the remaining words sit as heavy white type over a charcoal background. Keep visible: - Strict black-and-white monochrome with no color tint, sepia, duotone accent, or gradient color. - One large photographic human subject, usually cropped close, with the face or upper body carrying the emotional weight. - Deep charcoal-to-black background with soft falloff and large negative space for typography. - Oversized lowercase bold neo-grotesk headline, left aligned, with tight leading and strong optical weight. - The first headline word appears as black type inside a crisp white rectangular label. Avoid: color image, sepia, beige paper, neon, duotone color accent, gradient orb, decorative stickers, collage, ransom note typography, comic halftone, illustration, vector art, anime, 3D render, glossy advertising product shot, UI screenshot, social media frame, watermark, username, logo, QR code, brand mark, exact copied face, short black blunt bangs, freckled young woman close-up, discipline beats procrastination, motivational quote duplicate, handwritten type, serif headline, outlined text, glowing text, curved text, long paragraph, cluttered background, many props, bright happy lifestyle lighting Do not copy source content, real logos, watermarks, platform UI, QR codes, or exact reference layouts. Keep the visual system, but change the subject, text, and scene.
05
Hero