
UI / UX Design
AI Image Generation Web App Mockup
Generates a sleek dark-mode web application dashboard for an AI image generator with sidebar and feature sections. Customize the logo, section titles, and placeholder text to fit your product.
ui designweb appdashboarddark modemockupinterface
Prompt
{
"type": "UI/UX web application mockup",
"theme": "dark mode",
"sidebar": {
"logo": "[ChatGPT]",
"navigation_items": 5,
"recent_chats_count": 8,
"user_profile": "User, Free tier"
},
"main_content": {
"header": "Images",
"input_bar": {
"placeholder": "[Describe a new image...]",
"model_selector": "[GPT Image 2]"
},
"sections": [
{
"title": "[New: GPT Image 2 is here!]",
"description": "Our next-generation image model, built for greater realism, better typography, and deeper world knowledge.",
"feature_tags_count": 4,
"hero_images_count": 3,
"hero_images_descriptions": [
"mountain lake landscape",
"neon cyberpunk street",
"typography poster"
]
},
{
"title": "Apply a style to an image",
"style_thumbnails_count": 8,
"style_labels": [
"Anime",
"Oil painting",
"Cinematic",
"3D render",
"Line art",
"Pixel art",
"Watercolor",
"Cyberpunk"
]
},
{
"title": "Discover new features",
"feature_cards_count": 6,
"feature_labels": [
"Advanced text rendering",
"Consistent characters & scenes",
"Higher realism",
"World knowledge",
"Precise editing",
"More creative styles"
]
},
{
"title": "My images",
"recent_images_count": 6,
"recent_images_descriptions": [
"anime boy portrait",
"tabby kitten",
"tabby kitten",
"sleeping white arctic fox",
"wedding invitation",
"code editor terminal"
]
}
]
}
}What you can customize
Swap these parts of the prompt for your own subject or wording before you generate.
[ChatGPT]placeholder[Describe a new image...]placeholder[GPT Image 2]placeholder
Prompt details
- Category
- UI / UX Design
- Model
- GPT IMAGE 2
- Cost per image
- 1K: 43 credits · 2K: 86 credits · 4K: 143 credits
- Aspect ratio
- 16:9
- Added