Based on all the features and roles provided in my project document, please design a modern, visually stunning, and highly polished Tailwind CSS-based UI screen for each role (e.g., Super Admin, Company Admin, Manager Member, Team Leader). The design should be exceptionally polished, with a strong visual impact and a premium aesthetic. Each component must be carefully crafted, ensuring a perfect balance of whitespace, typography, and visual hierarchy. The entire design should evoke sophistication and clarity, making every screen a delight to interact with. Ensure each role has tailored data access and interaction flows, all in a seamless, intuitive, and modern UX. Create the UI as React components so I can use them for a production-ready rollout.
04
Hero
A modern flat-style digital illustration showing the full word "UI UX" with slash between them in bold, rounded sans-serif letters. A female character in a purple dress is painting the "UI" letters with a paint roller, standing confidently on the ground. A male character in a red shirt and purple pants is working on the "UX" letters, standing on a ladder, also using a roller. The letters are surrounded by vector editing handles and anchor points, as if being edited in a design tool like Figma or Illustrator. Use a light pastel background with abstract shapes to give a clean and techy feel. The scene should feel creative, collaborative, and balanced with vibrant yet professional colors like purple, red, and soft blues. No text outside the letters. High-quality, minimalist flat illustration. Centered composition.
071
FLUX
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Clean SaaS-style thumbnail for an AI Shirt Design Generator tool.Layout: a neat 3x3 grid of rounded cards,each card showing a realistic full-body human model wearing a plain t-shirt with a different graphic design and color.Models are diverse in age,gender,and ethnicity,standing in natural,relaxed poses,facing forward.Visual style: modern,friendly,premium SaaS aesthetic with soft shadows,rounded corners,and balanced spacing between cards.Background: soft light blue gradient,clean and minimal.Title text at the top: “AI Shirt Design Generator” in a bold,modern sans-serif font,dark color,high contrast,no outline,no effects.Overall look: professional,approachable,clearly communicates a t-shirt design tool.Photorealistic style for models and shirts,not illustration,not cartoon.No logos,no watermarks,no clutter.
225
ChatGPT Image
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
Create a 1200x630 Open Graph image for a modern dark web app called "ListBurst". This is a personal multimedia tracking dashboard built with Astro and Tailwind. Design style: Premium dark UI dashboard aesthetic. Clean, minimal, tech-focused, mobile-first SPA look. Background: Very dark zinc background (similar to Tailwind zinc-900). Subtle card shapes in the background (zinc-800 with soft borders). Very light noise texture for depth. Color palette: - Base: dark gray / zinc tones - Accent: violet (rgb 136, 58, 234) - Section accent for Series: sky blue - Text: soft white / light zinc Foreground layout: Centered large bold text: LISTBURST Below it: Series Tracker Add a small subtle subtitle: Track what you watch. Plan what’s next. Visual elements: - Thin violet divider line under the title - Small sky-blue accent indicator (like a vertical left border line used in cards) - Very subtle UI-style filter pills (Year / Genre / Status) ghosted in background - Clean sans-serif typography similar to Nunito Sans - Slight glow behind the main title in violet - Modern app landing hero section composition - Balanced spacing - Professional SaaS dashboard aesthetic Mood: Organized, modern, minimal, tech-focused, elegant, slightly futuristic. No real TV posters. No copyrighted content. No streaming platform logos. No clutter.
013
Hero
Clean, modern SaaS-style AI tool thumbnail. Soft light blue gradient background. At the top, large bold title text reading “AI Outfit Generator” in a clean sans-serif font and deep blue color. Centered below the title, a rounded card with soft shadows. Inside the card, show the same woman displayed twice side by side, identical face, body, pose, and camera angle. Each side shows a different outfit style (for example: casual vs elegant). Neutral studio background, realistic lighting, natural skin tones, and high-quality fashion photography. Minimal, premium, and friendly UI aesthetic. No extra text, no icons, no labels, no logos, no watermarks. Designed for AI tool thumbnail visibility.
07
Nano Banana
ienhance this prompt Create a modern landing page UI for a web application titled **"Weather-Based Crop Advisory System"**. Design Requirements: Use a **green-to-blue gradient background** similar to smart agriculture dashboards. Background Gradient: * Start color: #2e7d32 (dark green) * Middle color: #2a9d8f (teal) * End color: #1e5fa8 (deep blue) Layout: 1. Top Navigation Bar * Left side: logo icon (plant icon) and title "Crop Advisory System" * Subtitle: "Weather-Based Agricultural Intelligence" * Right side navigation links: * Login * Register 2. Hero Section (Center of Page) Large headline text: "Smart Farming Starts with Knowing Your Weather" Subtext: "Get real-time, rule-based crop advisories tailored to your location's weather conditions. Protect your harvest. Maximize your yield." Buttons: * "Get Started Free" * "Login to Dashboard" 3. UI Style * Clean modern academic UI * White text for contrast * Rounded buttons * Subtle hover effects * Center aligned hero section * Mobile responsive 4. Color Theme Primary Colors: Green: #2e7d32 Teal: #2a9d8f Blue: #1e5fa8 Text Colors: White: #ffffff Light text: #e8f5e9 Buttons: Primary button: white background with green text Secondary button: transparent with white border 5. Font Style Use modern Google fonts like: * Poppins * Inter * Open Sans 6. Add simple icons: * Plant icon for logo * Weather icon near heading * Rocket icon for "Get Started" Generate: * Complete HTML * CSS with gradient background * Responsive layout * Button hover animations * Clean academic style suitable for project submission.
011
Hero
Based on all the features and roles provided in my project document, please design a modern, visually stunning, and highly polished Tailwind CSS-based UI screen for each role (e.g., Super Admin, Company Admin, Manager Member, Team Leader). The design should be exceptionally polished, with a strong visual impact and a premium aesthetic. Each component must be carefully crafted, ensuring a perfect balance of whitespace, typography, and visual hierarchy. The entire design should evoke sophistication and clarity, making every screen a delight to interact with. Ensure each role has tailored data access and interaction flows, all in a seamless, intuitive, and modern UX. Create the UI as React components so I can use them for a production-ready rollout.
04
Hero
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Create a 1200x630 Open Graph image for a modern dark web app called "ListBurst". This is a personal multimedia tracking dashboard built with Astro and Tailwind. Design style: Premium dark UI dashboard aesthetic. Clean, minimal, tech-focused, mobile-first SPA look. Background: Very dark zinc background (similar to Tailwind zinc-900). Subtle card shapes in the background (zinc-800 with soft borders). Very light noise texture for depth. Color palette: - Base: dark gray / zinc tones - Accent: violet (rgb 136, 58, 234) - Section accent for Series: sky blue - Text: soft white / light zinc Foreground layout: Centered large bold text: LISTBURST Below it: Series Tracker Add a small subtle subtitle: Track what you watch. Plan what’s next. Visual elements: - Thin violet divider line under the title - Small sky-blue accent indicator (like a vertical left border line used in cards) - Very subtle UI-style filter pills (Year / Genre / Status) ghosted in background - Clean sans-serif typography similar to Nunito Sans - Slight glow behind the main title in violet - Modern app landing hero section composition - Balanced spacing - Professional SaaS dashboard aesthetic Mood: Organized, modern, minimal, tech-focused, elegant, slightly futuristic. No real TV posters. No copyrighted content. No streaming platform logos. No clutter.
013
Hero
ienhance this prompt Create a modern landing page UI for a web application titled **"Weather-Based Crop Advisory System"**. Design Requirements: Use a **green-to-blue gradient background** similar to smart agriculture dashboards. Background Gradient: * Start color: #2e7d32 (dark green) * Middle color: #2a9d8f (teal) * End color: #1e5fa8 (deep blue) Layout: 1. Top Navigation Bar * Left side: logo icon (plant icon) and title "Crop Advisory System" * Subtitle: "Weather-Based Agricultural Intelligence" * Right side navigation links: * Login * Register 2. Hero Section (Center of Page) Large headline text: "Smart Farming Starts with Knowing Your Weather" Subtext: "Get real-time, rule-based crop advisories tailored to your location's weather conditions. Protect your harvest. Maximize your yield." Buttons: * "Get Started Free" * "Login to Dashboard" 3. UI Style * Clean modern academic UI * White text for contrast * Rounded buttons * Subtle hover effects * Center aligned hero section * Mobile responsive 4. Color Theme Primary Colors: Green: #2e7d32 Teal: #2a9d8f Blue: #1e5fa8 Text Colors: White: #ffffff Light text: #e8f5e9 Buttons: Primary button: white background with green text Secondary button: transparent with white border 5. Font Style Use modern Google fonts like: * Poppins * Inter * Open Sans 6. Add simple icons: * Plant icon for logo * Weather icon near heading * Rocket icon for "Get Started" Generate: * Complete HTML * CSS with gradient background * Responsive layout * Button hover animations * Clean academic style suitable for project submission.
011
Hero
A modern flat-style digital illustration showing the full word "UI UX" with slash between them in bold, rounded sans-serif letters. A female character in a purple dress is painting the "UI" letters with a paint roller, standing confidently on the ground. A male character in a red shirt and purple pants is working on the "UX" letters, standing on a ladder, also using a roller. The letters are surrounded by vector editing handles and anchor points, as if being edited in a design tool like Figma or Illustrator. Use a light pastel background with abstract shapes to give a clean and techy feel. The scene should feel creative, collaborative, and balanced with vibrant yet professional colors like purple, red, and soft blues. No text outside the letters. High-quality, minimalist flat illustration. Centered composition.
071
FLUX
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Clean SaaS-style thumbnail for an AI Shirt Design Generator tool.Layout: a neat 3x3 grid of rounded cards,each card showing a realistic full-body human model wearing a plain t-shirt with a different graphic design and color.Models are diverse in age,gender,and ethnicity,standing in natural,relaxed poses,facing forward.Visual style: modern,friendly,premium SaaS aesthetic with soft shadows,rounded corners,and balanced spacing between cards.Background: soft light blue gradient,clean and minimal.Title text at the top: “AI Shirt Design Generator” in a bold,modern sans-serif font,dark color,high contrast,no outline,no effects.Overall look: professional,approachable,clearly communicates a t-shirt design tool.Photorealistic style for models and shirts,not illustration,not cartoon.No logos,no watermarks,no clutter.
225
ChatGPT Image
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
Clean, modern SaaS-style AI tool thumbnail. Soft light blue gradient background. At the top, large bold title text reading “AI Outfit Generator” in a clean sans-serif font and deep blue color. Centered below the title, a rounded card with soft shadows. Inside the card, show the same woman displayed twice side by side, identical face, body, pose, and camera angle. Each side shows a different outfit style (for example: casual vs elegant). Neutral studio background, realistic lighting, natural skin tones, and high-quality fashion photography. Minimal, premium, and friendly UI aesthetic. No extra text, no icons, no labels, no logos, no watermarks. Designed for AI tool thumbnail visibility.
07
Nano Banana
Based on all the features and roles provided in my project document, please design a modern, visually stunning, and highly polished Tailwind CSS-based UI screen for each role (e.g., Super Admin, Company Admin, Manager Member, Team Leader). The design should be exceptionally polished, with a strong visual impact and a premium aesthetic. Each component must be carefully crafted, ensuring a perfect balance of whitespace, typography, and visual hierarchy. The entire design should evoke sophistication and clarity, making every screen a delight to interact with. Ensure each role has tailored data access and interaction flows, all in a seamless, intuitive, and modern UX. Create the UI as React components so I can use them for a production-ready rollout.
04
Hero
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
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
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Clean SaaS-style thumbnail for an AI Shirt Design Generator tool.Layout: a neat 3x3 grid of rounded cards,each card showing a realistic full-body human model wearing a plain t-shirt with a different graphic design and color.Models are diverse in age,gender,and ethnicity,standing in natural,relaxed poses,facing forward.Visual style: modern,friendly,premium SaaS aesthetic with soft shadows,rounded corners,and balanced spacing between cards.Background: soft light blue gradient,clean and minimal.Title text at the top: “AI Shirt Design Generator” in a bold,modern sans-serif font,dark color,high contrast,no outline,no effects.Overall look: professional,approachable,clearly communicates a t-shirt design tool.Photorealistic style for models and shirts,not illustration,not cartoon.No logos,no watermarks,no clutter.
225
ChatGPT Image
Create a 1200x630 Open Graph image for a modern dark web app called "ListBurst". This is a personal multimedia tracking dashboard built with Astro and Tailwind. Design style: Premium dark UI dashboard aesthetic. Clean, minimal, tech-focused, mobile-first SPA look. Background: Very dark zinc background (similar to Tailwind zinc-900). Subtle card shapes in the background (zinc-800 with soft borders). Very light noise texture for depth. Color palette: - Base: dark gray / zinc tones - Accent: violet (rgb 136, 58, 234) - Section accent for Series: sky blue - Text: soft white / light zinc Foreground layout: Centered large bold text: LISTBURST Below it: Series Tracker Add a small subtle subtitle: Track what you watch. Plan what’s next. Visual elements: - Thin violet divider line under the title - Small sky-blue accent indicator (like a vertical left border line used in cards) - Very subtle UI-style filter pills (Year / Genre / Status) ghosted in background - Clean sans-serif typography similar to Nunito Sans - Slight glow behind the main title in violet - Modern app landing hero section composition - Balanced spacing - Professional SaaS dashboard aesthetic Mood: Organized, modern, minimal, tech-focused, elegant, slightly futuristic. No real TV posters. No copyrighted content. No streaming platform logos. No clutter.
013
Hero
A modern flat-style digital illustration showing the full word "UI UX" with slash between them in bold, rounded sans-serif letters. A female character in a purple dress is painting the "UI" letters with a paint roller, standing confidently on the ground. A male character in a red shirt and purple pants is working on the "UX" letters, standing on a ladder, also using a roller. The letters are surrounded by vector editing handles and anchor points, as if being edited in a design tool like Figma or Illustrator. Use a light pastel background with abstract shapes to give a clean and techy feel. The scene should feel creative, collaborative, and balanced with vibrant yet professional colors like purple, red, and soft blues. No text outside the letters. High-quality, minimalist flat illustration. Centered composition.
071
FLUX
Clean, modern SaaS-style AI tool thumbnail. Soft light blue gradient background. At the top, large bold title text reading “AI Outfit Generator” in a clean sans-serif font and deep blue color. Centered below the title, a rounded card with soft shadows. Inside the card, show the same woman displayed twice side by side, identical face, body, pose, and camera angle. Each side shows a different outfit style (for example: casual vs elegant). Neutral studio background, realistic lighting, natural skin tones, and high-quality fashion photography. Minimal, premium, and friendly UI aesthetic. No extra text, no icons, no labels, no logos, no watermarks. Designed for AI tool thumbnail visibility.
07
Nano Banana
ienhance this prompt Create a modern landing page UI for a web application titled **"Weather-Based Crop Advisory System"**. Design Requirements: Use a **green-to-blue gradient background** similar to smart agriculture dashboards. Background Gradient: * Start color: #2e7d32 (dark green) * Middle color: #2a9d8f (teal) * End color: #1e5fa8 (deep blue) Layout: 1. Top Navigation Bar * Left side: logo icon (plant icon) and title "Crop Advisory System" * Subtitle: "Weather-Based Agricultural Intelligence" * Right side navigation links: * Login * Register 2. Hero Section (Center of Page) Large headline text: "Smart Farming Starts with Knowing Your Weather" Subtext: "Get real-time, rule-based crop advisories tailored to your location's weather conditions. Protect your harvest. Maximize your yield." Buttons: * "Get Started Free" * "Login to Dashboard" 3. UI Style * Clean modern academic UI * White text for contrast * Rounded buttons * Subtle hover effects * Center aligned hero section * Mobile responsive 4. Color Theme Primary Colors: Green: #2e7d32 Teal: #2a9d8f Blue: #1e5fa8 Text Colors: White: #ffffff Light text: #e8f5e9 Buttons: Primary button: white background with green text Secondary button: transparent with white border 5. Font Style Use modern Google fonts like: * Poppins * Inter * Open Sans 6. Add simple icons: * Plant icon for logo * Weather icon near heading * Rocket icon for "Get Started" Generate: * Complete HTML * CSS with gradient background * Responsive layout * Button hover animations * Clean academic style suitable for project submission.
011
Hero
Based on all the features and roles provided in my project document, please design a modern, visually stunning, and highly polished Tailwind CSS-based UI screen for each role (e.g., Super Admin, Company Admin, Manager Member, Team Leader). The design should be exceptionally polished, with a strong visual impact and a premium aesthetic. Each component must be carefully crafted, ensuring a perfect balance of whitespace, typography, and visual hierarchy. The entire design should evoke sophistication and clarity, making every screen a delight to interact with. Ensure each role has tailored data access and interaction flows, all in a seamless, intuitive, and modern UX. Create the UI as React components so I can use them for a production-ready rollout.
04
Hero
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Create a 1200x630 Open Graph image for a modern dark web app called "ListBurst". This is a personal multimedia tracking dashboard built with Astro and Tailwind. Design style: Premium dark UI dashboard aesthetic. Clean, minimal, tech-focused, mobile-first SPA look. Background: Very dark zinc background (similar to Tailwind zinc-900). Subtle card shapes in the background (zinc-800 with soft borders). Very light noise texture for depth. Color palette: - Base: dark gray / zinc tones - Accent: violet (rgb 136, 58, 234) - Section accent for Series: sky blue - Text: soft white / light zinc Foreground layout: Centered large bold text: LISTBURST Below it: Series Tracker Add a small subtle subtitle: Track what you watch. Plan what’s next. Visual elements: - Thin violet divider line under the title - Small sky-blue accent indicator (like a vertical left border line used in cards) - Very subtle UI-style filter pills (Year / Genre / Status) ghosted in background - Clean sans-serif typography similar to Nunito Sans - Slight glow behind the main title in violet - Modern app landing hero section composition - Balanced spacing - Professional SaaS dashboard aesthetic Mood: Organized, modern, minimal, tech-focused, elegant, slightly futuristic. No real TV posters. No copyrighted content. No streaming platform logos. No clutter.
013
Hero
ienhance this prompt Create a modern landing page UI for a web application titled **"Weather-Based Crop Advisory System"**. Design Requirements: Use a **green-to-blue gradient background** similar to smart agriculture dashboards. Background Gradient: * Start color: #2e7d32 (dark green) * Middle color: #2a9d8f (teal) * End color: #1e5fa8 (deep blue) Layout: 1. Top Navigation Bar * Left side: logo icon (plant icon) and title "Crop Advisory System" * Subtitle: "Weather-Based Agricultural Intelligence" * Right side navigation links: * Login * Register 2. Hero Section (Center of Page) Large headline text: "Smart Farming Starts with Knowing Your Weather" Subtext: "Get real-time, rule-based crop advisories tailored to your location's weather conditions. Protect your harvest. Maximize your yield." Buttons: * "Get Started Free" * "Login to Dashboard" 3. UI Style * Clean modern academic UI * White text for contrast * Rounded buttons * Subtle hover effects * Center aligned hero section * Mobile responsive 4. Color Theme Primary Colors: Green: #2e7d32 Teal: #2a9d8f Blue: #1e5fa8 Text Colors: White: #ffffff Light text: #e8f5e9 Buttons: Primary button: white background with green text Secondary button: transparent with white border 5. Font Style Use modern Google fonts like: * Poppins * Inter * Open Sans 6. Add simple icons: * Plant icon for logo * Weather icon near heading * Rocket icon for "Get Started" Generate: * Complete HTML * CSS with gradient background * Responsive layout * Button hover animations * Clean academic style suitable for project submission.
011
Hero
Clean SaaS-style thumbnail for an AI Shirt Design Generator tool.Layout: a neat 3x3 grid of rounded cards,each card showing a realistic full-body human model wearing a plain t-shirt with a different graphic design and color.Models are diverse in age,gender,and ethnicity,standing in natural,relaxed poses,facing forward.Visual style: modern,friendly,premium SaaS aesthetic with soft shadows,rounded corners,and balanced spacing between cards.Background: soft light blue gradient,clean and minimal.Title text at the top: “AI Shirt Design Generator” in a bold,modern sans-serif font,dark color,high contrast,no outline,no effects.Overall look: professional,approachable,clearly communicates a t-shirt design tool.Photorealistic style for models and shirts,not illustration,not cartoon.No logos,no watermarks,no clutter.
225
ChatGPT Image
Clean, modern SaaS-style AI tool thumbnail. Soft light blue gradient background. At the top, large bold title text reading “AI Outfit Generator” in a clean sans-serif font and deep blue color. Centered below the title, a rounded card with soft shadows. Inside the card, show the same woman displayed twice side by side, identical face, body, pose, and camera angle. Each side shows a different outfit style (for example: casual vs elegant). Neutral studio background, realistic lighting, natural skin tones, and high-quality fashion photography. Minimal, premium, and friendly UI aesthetic. No extra text, no icons, no labels, no logos, no watermarks. Designed for AI tool thumbnail visibility.
07
Nano Banana
A modern flat-style digital illustration showing the full word "UI UX" with slash between them in bold, rounded sans-serif letters. A female character in a purple dress is painting the "UI" letters with a paint roller, standing confidently on the ground. A male character in a red shirt and purple pants is working on the "UX" letters, standing on a ladder, also using a roller. The letters are surrounded by vector editing handles and anchor points, as if being edited in a design tool like Figma or Illustrator. Use a light pastel background with abstract shapes to give a clean and techy feel. The scene should feel creative, collaborative, and balanced with vibrant yet professional colors like purple, red, and soft blues. No text outside the letters. High-quality, minimalist flat illustration. Centered composition.
071
FLUX
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
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
Based on all the features and roles provided in my project document, please design a modern, visually stunning, and highly polished Tailwind CSS-based UI screen for each role (e.g., Super Admin, Company Admin, Manager Member, Team Leader). The design should be exceptionally polished, with a strong visual impact and a premium aesthetic. Each component must be carefully crafted, ensuring a perfect balance of whitespace, typography, and visual hierarchy. The entire design should evoke sophistication and clarity, making every screen a delight to interact with. Ensure each role has tailored data access and interaction flows, all in a seamless, intuitive, and modern UX. Create the UI as React components so I can use them for a production-ready rollout.
04
Hero
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Clean SaaS-style thumbnail for an AI Shirt Design Generator tool.Layout: a neat 3x3 grid of rounded cards,each card showing a realistic full-body human model wearing a plain t-shirt with a different graphic design and color.Models are diverse in age,gender,and ethnicity,standing in natural,relaxed poses,facing forward.Visual style: modern,friendly,premium SaaS aesthetic with soft shadows,rounded corners,and balanced spacing between cards.Background: soft light blue gradient,clean and minimal.Title text at the top: “AI Shirt Design Generator” in a bold,modern sans-serif font,dark color,high contrast,no outline,no effects.Overall look: professional,approachable,clearly communicates a t-shirt design tool.Photorealistic style for models and shirts,not illustration,not cartoon.No logos,no watermarks,no clutter.
225
ChatGPT Image
A modern flat-style digital illustration showing the full word "UI UX" with slash between them in bold, rounded sans-serif letters. A female character in a purple dress is painting the "UI" letters with a paint roller, standing confidently on the ground. A male character in a red shirt and purple pants is working on the "UX" letters, standing on a ladder, also using a roller. The letters are surrounded by vector editing handles and anchor points, as if being edited in a design tool like Figma or Illustrator. Use a light pastel background with abstract shapes to give a clean and techy feel. The scene should feel creative, collaborative, and balanced with vibrant yet professional colors like purple, red, and soft blues. No text outside the letters. High-quality, minimalist flat illustration. Centered composition.
071
FLUX
Clean, modern SaaS-style AI tool thumbnail. Soft light blue gradient background. At the top, large bold title text reading “AI Outfit Generator” in a clean sans-serif font and deep blue color. Centered below the title, a rounded card with soft shadows. Inside the card, show the same woman displayed twice side by side, identical face, body, pose, and camera angle. Each side shows a different outfit style (for example: casual vs elegant). Neutral studio background, realistic lighting, natural skin tones, and high-quality fashion photography. Minimal, premium, and friendly UI aesthetic. No extra text, no icons, no labels, no logos, no watermarks. Designed for AI tool thumbnail visibility.
07
Nano Banana
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
ienhance this prompt Create a modern landing page UI for a web application titled **"Weather-Based Crop Advisory System"**. Design Requirements: Use a **green-to-blue gradient background** similar to smart agriculture dashboards. Background Gradient: * Start color: #2e7d32 (dark green) * Middle color: #2a9d8f (teal) * End color: #1e5fa8 (deep blue) Layout: 1. Top Navigation Bar * Left side: logo icon (plant icon) and title "Crop Advisory System" * Subtitle: "Weather-Based Agricultural Intelligence" * Right side navigation links: * Login * Register 2. Hero Section (Center of Page) Large headline text: "Smart Farming Starts with Knowing Your Weather" Subtext: "Get real-time, rule-based crop advisories tailored to your location's weather conditions. Protect your harvest. Maximize your yield." Buttons: * "Get Started Free" * "Login to Dashboard" 3. UI Style * Clean modern academic UI * White text for contrast * Rounded buttons * Subtle hover effects * Center aligned hero section * Mobile responsive 4. Color Theme Primary Colors: Green: #2e7d32 Teal: #2a9d8f Blue: #1e5fa8 Text Colors: White: #ffffff Light text: #e8f5e9 Buttons: Primary button: white background with green text Secondary button: transparent with white border 5. Font Style Use modern Google fonts like: * Poppins * Inter * Open Sans 6. Add simple icons: * Plant icon for logo * Weather icon near heading * Rocket icon for "Get Started" Generate: * Complete HTML * CSS with gradient background * Responsive layout * Button hover animations * Clean academic style suitable for project submission.
011
Hero
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Create a 1200x630 Open Graph image for a modern dark web app called "ListBurst". This is a personal multimedia tracking dashboard built with Astro and Tailwind. Design style: Premium dark UI dashboard aesthetic. Clean, minimal, tech-focused, mobile-first SPA look. Background: Very dark zinc background (similar to Tailwind zinc-900). Subtle card shapes in the background (zinc-800 with soft borders). Very light noise texture for depth. Color palette: - Base: dark gray / zinc tones - Accent: violet (rgb 136, 58, 234) - Section accent for Series: sky blue - Text: soft white / light zinc Foreground layout: Centered large bold text: LISTBURST Below it: Series Tracker Add a small subtle subtitle: Track what you watch. Plan what’s next. Visual elements: - Thin violet divider line under the title - Small sky-blue accent indicator (like a vertical left border line used in cards) - Very subtle UI-style filter pills (Year / Genre / Status) ghosted in background - Clean sans-serif typography similar to Nunito Sans - Slight glow behind the main title in violet - Modern app landing hero section composition - Balanced spacing - Professional SaaS dashboard aesthetic Mood: Organized, modern, minimal, tech-focused, elegant, slightly futuristic. No real TV posters. No copyrighted content. No streaming platform logos. No clutter.
013
Hero
Based on all the features and roles provided in my project document, please design a modern, visually stunning, and highly polished Tailwind CSS-based UI screen for each role (e.g., Super Admin, Company Admin, Manager Member, Team Leader). The design should be exceptionally polished, with a strong visual impact and a premium aesthetic. Each component must be carefully crafted, ensuring a perfect balance of whitespace, typography, and visual hierarchy. The entire design should evoke sophistication and clarity, making every screen a delight to interact with. Ensure each role has tailored data access and interaction flows, all in a seamless, intuitive, and modern UX. Create the UI as React components so I can use them for a production-ready rollout.
04
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
Create a 1200x630 Open Graph image for a modern dark web app called "ListBurst". This is a personal multimedia tracking dashboard built with Astro and Tailwind. Design style: Premium dark UI dashboard aesthetic. Clean, minimal, tech-focused, mobile-first SPA look. Background: Very dark zinc background (similar to Tailwind zinc-900). Subtle card shapes in the background (zinc-800 with soft borders). Very light noise texture for depth. Color palette: - Base: dark gray / zinc tones - Accent: violet (rgb 136, 58, 234) - Section accent for Series: sky blue - Text: soft white / light zinc Foreground layout: Centered large bold text: LISTBURST Below it: Series Tracker Add a small subtle subtitle: Track what you watch. Plan what’s next. Visual elements: - Thin violet divider line under the title - Small sky-blue accent indicator (like a vertical left border line used in cards) - Very subtle UI-style filter pills (Year / Genre / Status) ghosted in background - Clean sans-serif typography similar to Nunito Sans - Slight glow behind the main title in violet - Modern app landing hero section composition - Balanced spacing - Professional SaaS dashboard aesthetic Mood: Organized, modern, minimal, tech-focused, elegant, slightly futuristic. No real TV posters. No copyrighted content. No streaming platform logos. No clutter.
013
Hero
A modern flat-style digital illustration showing the full word "UI UX" with slash between them in bold, rounded sans-serif letters. A female character in a purple dress is painting the "UI" letters with a paint roller, standing confidently on the ground. A male character in a red shirt and purple pants is working on the "UX" letters, standing on a ladder, also using a roller. The letters are surrounded by vector editing handles and anchor points, as if being edited in a design tool like Figma or Illustrator. Use a light pastel background with abstract shapes to give a clean and techy feel. The scene should feel creative, collaborative, and balanced with vibrant yet professional colors like purple, red, and soft blues. No text outside the letters. High-quality, minimalist flat illustration. Centered composition.
071
FLUX
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
Clean SaaS-style thumbnail for an AI Shirt Design Generator tool.Layout: a neat 3x3 grid of rounded cards,each card showing a realistic full-body human model wearing a plain t-shirt with a different graphic design and color.Models are diverse in age,gender,and ethnicity,standing in natural,relaxed poses,facing forward.Visual style: modern,friendly,premium SaaS aesthetic with soft shadows,rounded corners,and balanced spacing between cards.Background: soft light blue gradient,clean and minimal.Title text at the top: “AI Shirt Design Generator” in a bold,modern sans-serif font,dark color,high contrast,no outline,no effects.Overall look: professional,approachable,clearly communicates a t-shirt design tool.Photorealistic style for models and shirts,not illustration,not cartoon.No logos,no watermarks,no clutter.
225
ChatGPT Image
A high-end 16:9 3D CGI cinematic hero banner. A focused UI/UX designer [face from character reference] on the right, lit by soft electric-yellow and sunburst-orange rim lighting. Floating in the foreground are thick, refractive glassmorphism UI/UX panels and structured wireframes with subtle glowing orange accents and yellow interactive toggles. Background: A perfectly stable, dark obsidian-grey void with a soft, uniform gradient, transitioning into total darkness on the left 45% for text. Atmosphere: Deep violet ambient fog. The scene feels premium, architectural, and structurally precise. 8k resolution, Octane render, ultra-sharp textures, ultra-high contrast chiaroscuro.
05
Hero
ienhance this prompt Create a modern landing page UI for a web application titled **"Weather-Based Crop Advisory System"**. Design Requirements: Use a **green-to-blue gradient background** similar to smart agriculture dashboards. Background Gradient: * Start color: #2e7d32 (dark green) * Middle color: #2a9d8f (teal) * End color: #1e5fa8 (deep blue) Layout: 1. Top Navigation Bar * Left side: logo icon (plant icon) and title "Crop Advisory System" * Subtitle: "Weather-Based Agricultural Intelligence" * Right side navigation links: * Login * Register 2. Hero Section (Center of Page) Large headline text: "Smart Farming Starts with Knowing Your Weather" Subtext: "Get real-time, rule-based crop advisories tailored to your location's weather conditions. Protect your harvest. Maximize your yield." Buttons: * "Get Started Free" * "Login to Dashboard" 3. UI Style * Clean modern academic UI * White text for contrast * Rounded buttons * Subtle hover effects * Center aligned hero section * Mobile responsive 4. Color Theme Primary Colors: Green: #2e7d32 Teal: #2a9d8f Blue: #1e5fa8 Text Colors: White: #ffffff Light text: #e8f5e9 Buttons: Primary button: white background with green text Secondary button: transparent with white border 5. Font Style Use modern Google fonts like: * Poppins * Inter * Open Sans 6. Add simple icons: * Plant icon for logo * Weather icon near heading * Rocket icon for "Get Started" Generate: * Complete HTML * CSS with gradient background * Responsive layout * Button hover animations * Clean academic style suitable for project submission.
011
Hero
Clean, modern SaaS-style AI tool thumbnail. Soft light blue gradient background. At the top, large bold title text reading “AI Outfit Generator” in a clean sans-serif font and deep blue color. Centered below the title, a rounded card with soft shadows. Inside the card, show the same woman displayed twice side by side, identical face, body, pose, and camera angle. Each side shows a different outfit style (for example: casual vs elegant). Neutral studio background, realistic lighting, natural skin tones, and high-quality fashion photography. Minimal, premium, and friendly UI aesthetic. No extra text, no icons, no labels, no logos, no watermarks. Designed for AI tool thumbnail visibility.
07
Nano Banana