Create a clean modern SaaS/web-app interface screenshot mockup inspired by PromptHero AI image generator UI. Layout: - Full desktop browser interface in 16:9 ratio - Minimal light theme with soft gray background (#F7F7F8) - Left sidebar width around 320px - Large empty preview canvas on the right with subtle dotted grid pattern - Top navigation bar with logo on left and menu items: Create, Tools, Academy, Pricing, Community - Add a bright pink promotional banner on the top-right navigation area - Modern UI/UX with rounded corners, soft shadows, and spacing similar to premium SaaS products Left Sidebar Details: - Toggle tabs for “Image” and “Video” - “Image” tab selected in black background - Dropdown field titled “Select a Model” - Selected value: “Hero — Most permissive” - Prompt textarea with placeholder: “Describe what you want to generate” - Secondary placeholder inside textbox: “A beautiful sunset over mountains…” - Input image upload section with drag-and-drop upload card - Upload card includes cloud upload icon and text: “Click to upload or drag and drop” “PNG, JPG, WEBP up to 10MB” - Output format toggle buttons for JPG and PNG - Large bottom CTA button: “Generate image” - Small credit counter and “Buy more” text near bottom - Right side of generate button contains x2 and x4 options Main Canvas Area: - Large empty generation preview section - Very subtle gray dotted background grid - Center placeholder icon for image - Text: “Your generated media will show here” “Use the form to the left to start” Design Style: - Ultra-clean modern SaaS dashboard - Inspired by Linear, Framer, Vercel, Midjourney, PromptHero aesthetics - Crisp typography - Minimal color palette - Flat UI with subtle depth - Highly realistic product UI screenshot - Professional startup-grade interface - No unnecessary clutter - Accurate spacing and alignment - High-end product design presentation Rendering: - Photorealistic UI render - Sharp vector-like details - 4K quality - Clean shadows - No watermark - No distorted text
Design a sleek, user-friendly mobile app UI for a public transport system. The app should have a modern and clean design with easy-to-read typography and intuitive navigation. The home screen should display real-time public transport schedules, including buses, trains, and trams, with options to view routes, departure times, and estimated arrival times. Include a map with a route planner feature, allowing users to enter start and destination points to find the best transport options. Add features like notifications for delays, payment options for tickets, and a live tracker for buses and trains. The color scheme should be vibrant yet easy on the eyes, with contrasting buttons for key actions like "Buy Tickets," "Route Planner," and "Track Bus." Ensure the app is accessible, with simple icons and a clean, responsive design suitable for both iOS and Android platforms
Act as a professional UI UX designer. Design a responsive e commerce website named GadgetTech. Focus on online smartphone sales. Use modern marketplace style UI. Color theme red and orange. Show homepage, product list, product detail, cart, checkout, login. Mobile first design. Provide layout description and component hierarchy. Act as a senior front end developer. Build an e commerce website GadgetTech for selling smartphones. Use HTML, CSS, JavaScript. Create responsive layout using Flexbox or Grid. Include product cards with image, price, and buy button. Add cart interaction using JavaScript. Optimize for mobile and desktop. Output clean and structured code. Act as a React developer. Create a GadgetTech e commerce website. Use React with functional components. Include pages home, products, product detail, cart, checkout. Use dummy smartphone data. Implement add to cart state management. Ensure responsive UI. Act as a back end developer. Build REST API for GadgetTech online phone store. Use Node.js and Express. Include endpoints for products, users, cart, orders. Use JSON as response format. Add simple authentication logic. Provide sample data. Act as a full stack developer. Create full stack e commerce website GadgetTech. Front end React. Back end Node.js Express. Database MongoDB. Features product list, cart, checkout, order history. Focus on clean architecture and scalability.
Create a clean modern SaaS/web-app interface screenshot mockup inspired by PromptHero AI image generator UI. Layout: - Full desktop browser interface in 16:9 ratio - Minimal light theme with soft gray background (#F7F7F8) - Left sidebar width around 320px - Large empty preview canvas on the right with subtle dotted grid pattern - Top navigation bar with logo on left and menu items: Create, Tools, Academy, Pricing, Community - Add a bright pink promotional banner on the top-right navigation area - Modern UI/UX with rounded corners, soft shadows, and spacing similar to premium SaaS products Left Sidebar Details: - Toggle tabs for “Image” and “Video” - “Image” tab selected in black background - Dropdown field titled “Select a Model” - Selected value: “Hero — Most permissive” - Prompt textarea with placeholder: “Describe what you want to generate” - Secondary placeholder inside textbox: “A beautiful sunset over mountains…” - Input image upload section with drag-and-drop upload card - Upload card includes cloud upload icon and text: “Click to upload or drag and drop” “PNG, JPG, WEBP up to 10MB” - Output format toggle buttons for JPG and PNG - Large bottom CTA button: “Generate image” - Small credit counter and “Buy more” text near bottom - Right side of generate button contains x2 and x4 options Main Canvas Area: - Large empty generation preview section - Very subtle gray dotted background grid - Center placeholder icon for image - Text: “Your generated media will show here” “Use the form to the left to start” Design Style: - Ultra-clean modern SaaS dashboard - Inspired by Linear, Framer, Vercel, Midjourney, PromptHero aesthetics - Crisp typography - Minimal color palette - Flat UI with subtle depth - Highly realistic product UI screenshot - Professional startup-grade interface - No unnecessary clutter - Accurate spacing and alignment - High-end product design presentation Rendering: - Photorealistic UI render - Sharp vector-like details - 4K quality - Clean shadows - No watermark - No distorted text
Design a sleek, user-friendly mobile app UI for a public transport system. The app should have a modern and clean design with easy-to-read typography and intuitive navigation. The home screen should display real-time public transport schedules, including buses, trains, and trams, with options to view routes, departure times, and estimated arrival times. Include a map with a route planner feature, allowing users to enter start and destination points to find the best transport options. Add features like notifications for delays, payment options for tickets, and a live tracker for buses and trains. The color scheme should be vibrant yet easy on the eyes, with contrasting buttons for key actions like "Buy Tickets," "Route Planner," and "Track Bus." Ensure the app is accessible, with simple icons and a clean, responsive design suitable for both iOS and Android platforms
Act as a professional UI UX designer. Design a responsive e commerce website named GadgetTech. Focus on online smartphone sales. Use modern marketplace style UI. Color theme red and orange. Show homepage, product list, product detail, cart, checkout, login. Mobile first design. Provide layout description and component hierarchy. Act as a senior front end developer. Build an e commerce website GadgetTech for selling smartphones. Use HTML, CSS, JavaScript. Create responsive layout using Flexbox or Grid. Include product cards with image, price, and buy button. Add cart interaction using JavaScript. Optimize for mobile and desktop. Output clean and structured code. Act as a React developer. Create a GadgetTech e commerce website. Use React with functional components. Include pages home, products, product detail, cart, checkout. Use dummy smartphone data. Implement add to cart state management. Ensure responsive UI. Act as a back end developer. Build REST API for GadgetTech online phone store. Use Node.js and Express. Include endpoints for products, users, cart, orders. Use JSON as response format. Add simple authentication logic. Provide sample data. Act as a full stack developer. Create full stack e commerce website GadgetTech. Front end React. Back end Node.js Express. Database MongoDB. Features product list, cart, checkout, order history. Focus on clean architecture and scalability.
Design a sleek, user-friendly mobile app UI for a public transport system. The app should have a modern and clean design with easy-to-read typography and intuitive navigation. The home screen should display real-time public transport schedules, including buses, trains, and trams, with options to view routes, departure times, and estimated arrival times. Include a map with a route planner feature, allowing users to enter start and destination points to find the best transport options. Add features like notifications for delays, payment options for tickets, and a live tracker for buses and trains. The color scheme should be vibrant yet easy on the eyes, with contrasting buttons for key actions like "Buy Tickets," "Route Planner," and "Track Bus." Ensure the app is accessible, with simple icons and a clean, responsive design suitable for both iOS and Android platforms
Create a clean modern SaaS/web-app interface screenshot mockup inspired by PromptHero AI image generator UI. Layout: - Full desktop browser interface in 16:9 ratio - Minimal light theme with soft gray background (#F7F7F8) - Left sidebar width around 320px - Large empty preview canvas on the right with subtle dotted grid pattern - Top navigation bar with logo on left and menu items: Create, Tools, Academy, Pricing, Community - Add a bright pink promotional banner on the top-right navigation area - Modern UI/UX with rounded corners, soft shadows, and spacing similar to premium SaaS products Left Sidebar Details: - Toggle tabs for “Image” and “Video” - “Image” tab selected in black background - Dropdown field titled “Select a Model” - Selected value: “Hero — Most permissive” - Prompt textarea with placeholder: “Describe what you want to generate” - Secondary placeholder inside textbox: “A beautiful sunset over mountains…” - Input image upload section with drag-and-drop upload card - Upload card includes cloud upload icon and text: “Click to upload or drag and drop” “PNG, JPG, WEBP up to 10MB” - Output format toggle buttons for JPG and PNG - Large bottom CTA button: “Generate image” - Small credit counter and “Buy more” text near bottom - Right side of generate button contains x2 and x4 options Main Canvas Area: - Large empty generation preview section - Very subtle gray dotted background grid - Center placeholder icon for image - Text: “Your generated media will show here” “Use the form to the left to start” Design Style: - Ultra-clean modern SaaS dashboard - Inspired by Linear, Framer, Vercel, Midjourney, PromptHero aesthetics - Crisp typography - Minimal color palette - Flat UI with subtle depth - Highly realistic product UI screenshot - Professional startup-grade interface - No unnecessary clutter - Accurate spacing and alignment - High-end product design presentation Rendering: - Photorealistic UI render - Sharp vector-like details - 4K quality - Clean shadows - No watermark - No distorted text
Act as a professional UI UX designer. Design a responsive e commerce website named GadgetTech. Focus on online smartphone sales. Use modern marketplace style UI. Color theme red and orange. Show homepage, product list, product detail, cart, checkout, login. Mobile first design. Provide layout description and component hierarchy. Act as a senior front end developer. Build an e commerce website GadgetTech for selling smartphones. Use HTML, CSS, JavaScript. Create responsive layout using Flexbox or Grid. Include product cards with image, price, and buy button. Add cart interaction using JavaScript. Optimize for mobile and desktop. Output clean and structured code. Act as a React developer. Create a GadgetTech e commerce website. Use React with functional components. Include pages home, products, product detail, cart, checkout. Use dummy smartphone data. Implement add to cart state management. Ensure responsive UI. Act as a back end developer. Build REST API for GadgetTech online phone store. Use Node.js and Express. Include endpoints for products, users, cart, orders. Use JSON as response format. Add simple authentication logic. Provide sample data. Act as a full stack developer. Create full stack e commerce website GadgetTech. Front end React. Back end Node.js Express. Database MongoDB. Features product list, cart, checkout, order history. Focus on clean architecture and scalability.
Design a sleek, user-friendly mobile app UI for a public transport system. The app should have a modern and clean design with easy-to-read typography and intuitive navigation. The home screen should display real-time public transport schedules, including buses, trains, and trams, with options to view routes, departure times, and estimated arrival times. Include a map with a route planner feature, allowing users to enter start and destination points to find the best transport options. Add features like notifications for delays, payment options for tickets, and a live tracker for buses and trains. The color scheme should be vibrant yet easy on the eyes, with contrasting buttons for key actions like "Buy Tickets," "Route Planner," and "Track Bus." Ensure the app is accessible, with simple icons and a clean, responsive design suitable for both iOS and Android platforms
Create a clean modern SaaS/web-app interface screenshot mockup inspired by PromptHero AI image generator UI. Layout: - Full desktop browser interface in 16:9 ratio - Minimal light theme with soft gray background (#F7F7F8) - Left sidebar width around 320px - Large empty preview canvas on the right with subtle dotted grid pattern - Top navigation bar with logo on left and menu items: Create, Tools, Academy, Pricing, Community - Add a bright pink promotional banner on the top-right navigation area - Modern UI/UX with rounded corners, soft shadows, and spacing similar to premium SaaS products Left Sidebar Details: - Toggle tabs for “Image” and “Video” - “Image” tab selected in black background - Dropdown field titled “Select a Model” - Selected value: “Hero — Most permissive” - Prompt textarea with placeholder: “Describe what you want to generate” - Secondary placeholder inside textbox: “A beautiful sunset over mountains…” - Input image upload section with drag-and-drop upload card - Upload card includes cloud upload icon and text: “Click to upload or drag and drop” “PNG, JPG, WEBP up to 10MB” - Output format toggle buttons for JPG and PNG - Large bottom CTA button: “Generate image” - Small credit counter and “Buy more” text near bottom - Right side of generate button contains x2 and x4 options Main Canvas Area: - Large empty generation preview section - Very subtle gray dotted background grid - Center placeholder icon for image - Text: “Your generated media will show here” “Use the form to the left to start” Design Style: - Ultra-clean modern SaaS dashboard - Inspired by Linear, Framer, Vercel, Midjourney, PromptHero aesthetics - Crisp typography - Minimal color palette - Flat UI with subtle depth - Highly realistic product UI screenshot - Professional startup-grade interface - No unnecessary clutter - Accurate spacing and alignment - High-end product design presentation Rendering: - Photorealistic UI render - Sharp vector-like details - 4K quality - Clean shadows - No watermark - No distorted text
Act as a professional UI UX designer. Design a responsive e commerce website named GadgetTech. Focus on online smartphone sales. Use modern marketplace style UI. Color theme red and orange. Show homepage, product list, product detail, cart, checkout, login. Mobile first design. Provide layout description and component hierarchy. Act as a senior front end developer. Build an e commerce website GadgetTech for selling smartphones. Use HTML, CSS, JavaScript. Create responsive layout using Flexbox or Grid. Include product cards with image, price, and buy button. Add cart interaction using JavaScript. Optimize for mobile and desktop. Output clean and structured code. Act as a React developer. Create a GadgetTech e commerce website. Use React with functional components. Include pages home, products, product detail, cart, checkout. Use dummy smartphone data. Implement add to cart state management. Ensure responsive UI. Act as a back end developer. Build REST API for GadgetTech online phone store. Use Node.js and Express. Include endpoints for products, users, cart, orders. Use JSON as response format. Add simple authentication logic. Provide sample data. Act as a full stack developer. Create full stack e commerce website GadgetTech. Front end React. Back end Node.js Express. Database MongoDB. Features product list, cart, checkout, order history. Focus on clean architecture and scalability.
Act as a professional UI UX designer. Design a responsive e commerce website named GadgetTech. Focus on online smartphone sales. Use modern marketplace style UI. Color theme red and orange. Show homepage, product list, product detail, cart, checkout, login. Mobile first design. Provide layout description and component hierarchy. Act as a senior front end developer. Build an e commerce website GadgetTech for selling smartphones. Use HTML, CSS, JavaScript. Create responsive layout using Flexbox or Grid. Include product cards with image, price, and buy button. Add cart interaction using JavaScript. Optimize for mobile and desktop. Output clean and structured code. Act as a React developer. Create a GadgetTech e commerce website. Use React with functional components. Include pages home, products, product detail, cart, checkout. Use dummy smartphone data. Implement add to cart state management. Ensure responsive UI. Act as a back end developer. Build REST API for GadgetTech online phone store. Use Node.js and Express. Include endpoints for products, users, cart, orders. Use JSON as response format. Add simple authentication logic. Provide sample data. Act as a full stack developer. Create full stack e commerce website GadgetTech. Front end React. Back end Node.js Express. Database MongoDB. Features product list, cart, checkout, order history. Focus on clean architecture and scalability.
Create a clean modern SaaS/web-app interface screenshot mockup inspired by PromptHero AI image generator UI. Layout: - Full desktop browser interface in 16:9 ratio - Minimal light theme with soft gray background (#F7F7F8) - Left sidebar width around 320px - Large empty preview canvas on the right with subtle dotted grid pattern - Top navigation bar with logo on left and menu items: Create, Tools, Academy, Pricing, Community - Add a bright pink promotional banner on the top-right navigation area - Modern UI/UX with rounded corners, soft shadows, and spacing similar to premium SaaS products Left Sidebar Details: - Toggle tabs for “Image” and “Video” - “Image” tab selected in black background - Dropdown field titled “Select a Model” - Selected value: “Hero — Most permissive” - Prompt textarea with placeholder: “Describe what you want to generate” - Secondary placeholder inside textbox: “A beautiful sunset over mountains…” - Input image upload section with drag-and-drop upload card - Upload card includes cloud upload icon and text: “Click to upload or drag and drop” “PNG, JPG, WEBP up to 10MB” - Output format toggle buttons for JPG and PNG - Large bottom CTA button: “Generate image” - Small credit counter and “Buy more” text near bottom - Right side of generate button contains x2 and x4 options Main Canvas Area: - Large empty generation preview section - Very subtle gray dotted background grid - Center placeholder icon for image - Text: “Your generated media will show here” “Use the form to the left to start” Design Style: - Ultra-clean modern SaaS dashboard - Inspired by Linear, Framer, Vercel, Midjourney, PromptHero aesthetics - Crisp typography - Minimal color palette - Flat UI with subtle depth - Highly realistic product UI screenshot - Professional startup-grade interface - No unnecessary clutter - Accurate spacing and alignment - High-end product design presentation Rendering: - Photorealistic UI render - Sharp vector-like details - 4K quality - Clean shadows - No watermark - No distorted text
Design a sleek, user-friendly mobile app UI for a public transport system. The app should have a modern and clean design with easy-to-read typography and intuitive navigation. The home screen should display real-time public transport schedules, including buses, trains, and trams, with options to view routes, departure times, and estimated arrival times. Include a map with a route planner feature, allowing users to enter start and destination points to find the best transport options. Add features like notifications for delays, payment options for tickets, and a live tracker for buses and trains. The color scheme should be vibrant yet easy on the eyes, with contrasting buttons for key actions like "Buy Tickets," "Route Planner," and "Track Bus." Ensure the app is accessible, with simple icons and a clean, responsive design suitable for both iOS and Android platforms
Create a clean modern SaaS/web-app interface screenshot mockup inspired by PromptHero AI image generator UI. Layout: - Full desktop browser interface in 16:9 ratio - Minimal light theme with soft gray background (#F7F7F8) - Left sidebar width around 320px - Large empty preview canvas on the right with subtle dotted grid pattern - Top navigation bar with logo on left and menu items: Create, Tools, Academy, Pricing, Community - Add a bright pink promotional banner on the top-right navigation area - Modern UI/UX with rounded corners, soft shadows, and spacing similar to premium SaaS products Left Sidebar Details: - Toggle tabs for “Image” and “Video” - “Image” tab selected in black background - Dropdown field titled “Select a Model” - Selected value: “Hero — Most permissive” - Prompt textarea with placeholder: “Describe what you want to generate” - Secondary placeholder inside textbox: “A beautiful sunset over mountains…” - Input image upload section with drag-and-drop upload card - Upload card includes cloud upload icon and text: “Click to upload or drag and drop” “PNG, JPG, WEBP up to 10MB” - Output format toggle buttons for JPG and PNG - Large bottom CTA button: “Generate image” - Small credit counter and “Buy more” text near bottom - Right side of generate button contains x2 and x4 options Main Canvas Area: - Large empty generation preview section - Very subtle gray dotted background grid - Center placeholder icon for image - Text: “Your generated media will show here” “Use the form to the left to start” Design Style: - Ultra-clean modern SaaS dashboard - Inspired by Linear, Framer, Vercel, Midjourney, PromptHero aesthetics - Crisp typography - Minimal color palette - Flat UI with subtle depth - Highly realistic product UI screenshot - Professional startup-grade interface - No unnecessary clutter - Accurate spacing and alignment - High-end product design presentation Rendering: - Photorealistic UI render - Sharp vector-like details - 4K quality - Clean shadows - No watermark - No distorted text
Design a sleek, user-friendly mobile app UI for a public transport system. The app should have a modern and clean design with easy-to-read typography and intuitive navigation. The home screen should display real-time public transport schedules, including buses, trains, and trams, with options to view routes, departure times, and estimated arrival times. Include a map with a route planner feature, allowing users to enter start and destination points to find the best transport options. Add features like notifications for delays, payment options for tickets, and a live tracker for buses and trains. The color scheme should be vibrant yet easy on the eyes, with contrasting buttons for key actions like "Buy Tickets," "Route Planner," and "Track Bus." Ensure the app is accessible, with simple icons and a clean, responsive design suitable for both iOS and Android platforms
Act as a professional UI UX designer. Design a responsive e commerce website named GadgetTech. Focus on online smartphone sales. Use modern marketplace style UI. Color theme red and orange. Show homepage, product list, product detail, cart, checkout, login. Mobile first design. Provide layout description and component hierarchy. Act as a senior front end developer. Build an e commerce website GadgetTech for selling smartphones. Use HTML, CSS, JavaScript. Create responsive layout using Flexbox or Grid. Include product cards with image, price, and buy button. Add cart interaction using JavaScript. Optimize for mobile and desktop. Output clean and structured code. Act as a React developer. Create a GadgetTech e commerce website. Use React with functional components. Include pages home, products, product detail, cart, checkout. Use dummy smartphone data. Implement add to cart state management. Ensure responsive UI. Act as a back end developer. Build REST API for GadgetTech online phone store. Use Node.js and Express. Include endpoints for products, users, cart, orders. Use JSON as response format. Add simple authentication logic. Provide sample data. Act as a full stack developer. Create full stack e commerce website GadgetTech. Front end React. Back end Node.js Express. Database MongoDB. Features product list, cart, checkout, order history. Focus on clean architecture and scalability.