ChatGPT Image prompt: Create a clean modern SaaS/web-app interface scree...
6views
0favorites
Model used
ChatGPT Imagegpt-image-2Generation parameters
Image1024x1024jpg
Prompt
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
More by @kuldeepkarki
Comments (0)
Please sign in to comment