22 GPT Image 2 Web & App UI Prompts

Interface mockups: landing pages, app screens, dashboards, component sheets. These prompts are essentially design briefs — they name the sections, the density of the layout and the visual language, because a UI that looks plausible but has no structure is useless as a reference.

Last updated: 2026-08-01 · gpt-image-2 API · API docs

Three things that make a web & app ui prompt work

1List the sections in order. Nav, hero with a single CTA, three feature cards, pricing table, footer. Order is the layout.
2State the design language. Neo-brutalist, glassmorphic, Swiss-grid minimal — and whether it is light or dark mode.
3Specify the device frame. Desktop 16:9, iPhone portrait, or a floating browser window changes the whole composition.

Eco Travel Landing Hero

A landing-page hero mockup for a sustainable travel brand called 'Wanderleaf'. Full-width hero with a lush misty mountain-forest photo backdrop, a bold serif headline 'Travel that gives back' in white, a short subheading, and a rounded emerald 'Start exploring' button beside a ghost 'Watch film' button. Top nav with wordmark left and four links right. Clean modern layout, generous whitespace, soft glassmorphic search bar overlapping the hero bottom, earthy green-and-cream palette, 16:9 desktop.

Meditation App Home Screen

A mobile app home screen mockup for a meditation app named 'Stilla'. Vertical phone frame with a soft dawn-gradient background from peach to lavender. Top shows a greeting 'Good morning, Aria' and a small streak counter. A large featured card 'Morning Calm · 10 min' with a play button, below it a horizontal row of session cards. Bottom tab bar with home, explore, timer, and profile icons. Rounded corners, gentle shadows, calming minimalist UI, soft sans-serif type.

Finance Dashboard UI

A clean SaaS finance dashboard UI mockup for a tool called 'Ledgerly'. Left sidebar navigation with icons and labels, top bar with search and user avatar. Main area shows four KPI stat cards (balance, income, expenses, savings), a large line chart of monthly cash flow, a donut chart of spending categories, and a recent-transactions table. Light theme with a soft blue-gray background, indigo accent color, rounded cards, subtle shadows, crisp data-viz, 16:9 desktop layout.

Artisan Coffee Product Page

An e-commerce product page mockup for a specialty coffee brand 'Emberhouse Roasters'. Left side shows a large product photo of a matte-black coffee bag with a gold seal, plus small thumbnail images below. Right side has the product title 'Sunrise Blend · Medium Roast', a star rating, price '$18.00', a grind-size selector, a quantity stepper, and a warm-orange 'Add to cart' button. Below, tasting-notes chips and a shipping accordion. Warm cream background, elegant serif headings, minimal clean layout, 3:2.

SaaS Pricing Page Layout

A SaaS pricing page mockup for a project-management tool 'Taskloom'. Centered headline 'Plans that grow with your team' and a monthly/annual toggle above three pricing cards: Starter, Pro (highlighted with a 'Most popular' badge and elevated shadow), and Enterprise. Each card lists price, a feature checklist with checkmarks, and a call-to-action button. Below, a comparison table and an FAQ accordion. Clean light theme, purple accent, rounded cards, generous spacing, crisp sans-serif, 16:9 desktop.

Fitness App Onboarding

A mobile onboarding screen mockup for a fitness app 'Pulsefit'. Vertical phone frame, step 2 of 4 with a slim progress bar at top. A bold headline 'What's your goal?' and a stack of four large selectable option cards—Lose weight, Build muscle, Stay active, Improve endurance—each with a small line icon, one selected with a coral outline. A 'Continue' button pinned at the bottom, a 'Skip' link above it. Clean dark UI with charcoal background, coral accent, rounded cards, friendly bold sans-serif.

Designer Portfolio Site

A portfolio website homepage mockup for a graphic designer named 'Mara Voss'. Large minimalist hero with an oversized bold headline 'Designing calm into complex products' and a small circular portrait. Below, a masonry grid of project thumbnails with hover-lift shadows, each labeled with a project name and tag. Top nav with monogram logo left and Work / About / Contact right. Off-white background, single warm-red accent, lots of whitespace, refined editorial typography, 16:9 desktop.

Food Delivery App Screen

A mobile food-delivery app screen mockup for an app called 'Nomly'. Vertical phone frame with a top location bar 'Deliver to · Maple Street', a rounded search field, and a horizontal scroll of cuisine category chips. Below, a promo banner 'Free delivery this week', then a vertical list of restaurant cards each showing a food photo, name, rating, delivery time, and price range. Bottom tab bar with home, search, orders, and account icons. Bright clean UI, warm orange accent, rounded cards, appetizing food imagery.

Analytics SaaS Dashboard Dark

A dark-mode analytics dashboard UI mockup for a product named 'Metricly'. Left icon-rail navigation, top bar with global search and notification bell. Main grid: a large area chart of website traffic with a gradient fill, four small metric tiles (visitors, conversion, bounce rate, revenue) with tiny sparklines, a world map with glowing dots for user regions, and a bar chart of top pages. Charcoal background, neon-lime and cyan accents, glowing cards, crisp monospaced numbers, sleek modern data-viz, 16:9.

Plant Shop Landing Hero

A landing-page hero mockup for an indoor-plant shop 'Verdant & Co'. Split hero: left half has a bold headline 'Bring the outside in', a short paragraph, and a green 'Shop plants' button plus a 'Care guide' text link; right half shows a large photo of a monstera in a terracotta pot against a warm wall. Top nav with leaf logo, four links, a cart icon, and a small basket count. Soft sage-and-cream palette, rounded buttons, airy layout, friendly modern serif headline, 16:9 desktop.

Banking App Card Screen

A mobile banking app screen mockup for a neobank 'Cove'. Vertical phone frame, top shows account balance '$4,285.60' in large type with a small hide-balance eye icon. Below, a stylish 3D gradient debit card with the name 'Cove' and last four digits, then a row of quick-action buttons—Send, Request, Top up, Pay. A recent-transactions list with merchant icons, names, and amounts follows. Bottom tab bar. Clean modern fintech UI, deep-teal and mint palette, rounded cards, soft shadows, crisp sans-serif.

Online Course Platform Page

A landing page mockup for an online learning platform 'Skillnest'. Hero with headline 'Learn anything, one lesson at a time', a search bar with category dropdown, and a bright button 'Browse courses'. Below, a section of course cards each with a thumbnail, instructor name, star rating, lesson count, and price. A trust row of muted invented company logos, then a testimonial band. Clean light theme, deep-blue accent, rounded cards, structured grid, modern friendly sans-serif, 16:9 desktop.

Recipe App Detail Screen

A mobile recipe app detail screen mockup for an app 'Simmer'. Vertical phone frame, top shows a large appetizing photo of a bowl of ramen with a back arrow and bookmark icon overlaid. Below a rounded content sheet with the title 'Miso Butter Ramen', a row of meta chips (30 min · Easy · 520 kcal), tabbed sections for Ingredients and Steps, an ingredient checklist, and a sticky 'Start cooking' button. Warm inviting UI, cream background, tomato-red accent, rounded cards, clean readable type.

Crypto Wallet Dashboard

A crypto wallet web dashboard UI mockup for a platform 'Cointrail'. Left sidebar nav, top bar with search and a green connect-wallet button. Main area shows a large portfolio value with a percentage change, a smooth area chart of portfolio history with a time-range toggle, a list of held assets with invented tokens (Aurora, Nimbus, Vela) showing icons, balances, and 24h change chips in green and red, and a right panel with a quick buy/sell card. Dark theme, violet-and-teal gradients, glowing cards, crisp mono numerals, 16:9.

Wedding Planner Landing

A landing-page hero mockup for a wedding-planning service 'Everly Vows'. Elegant full-width hero with a soft-focus photo of a garden ceremony arch, an airy script-and-serif headline 'Your day, beautifully planned', a short line of copy, and a blush-pink 'Book a consultation' button. Below the hero, a three-column feature row with line icons—Venues, Design, Day-of coordination. Top nav with delicate serif wordmark. Soft dusty-rose and ivory palette, refined elegant typography, generous whitespace, 16:9 desktop.

Podcast App Player Screen

A mobile podcast app now-playing screen mockup for an app 'Airwave'. Vertical phone frame with a large rounded episode cover art in gradient purple, the episode title 'Building in Public · Ep. 47', the show name below, and a scrubber progress bar with timestamps. Large circular play button flanked by skip-back and skip-forward controls, plus speed and sleep-timer icons. A bottom row with download, share, and queue. Dark elegant UI, deep-violet background, soft glow, rounded controls, clean type.

Real Estate Listing Page

An e-commerce-style real estate listing page mockup for a platform 'Nestwise'. Top is a large hero gallery of a modern house with a small thumbnail strip. Below, the listing title '3-Bed Modern Villa · Cedar Hills', price '$685,000', and a row of spec chips (3 beds · 2 baths · 2,100 sqft). A sticky right sidebar card has agent info and a 'Schedule a tour' button. Main column has an 'About this home' section, an amenities grid, and an embedded map placeholder. Clean light theme, teal accent, rounded cards, 3:2.

AI Writing Tool Landing

A landing-page hero mockup for an AI writing assistant 'Quillby'. Centered hero with an eyebrow tag 'New', a big gradient headline 'Write faster, sound like you', a subheading, and two buttons—a solid 'Try it free' and an outline 'See how it works'. Below the fold, a floating product screenshot in a browser frame showing a text editor with AI suggestions. A logo strip of invented brands beneath. Modern light theme, indigo-to-pink gradient accents, soft shadows, rounded UI, crisp geometric sans-serif, 16:9.

Travel Booking Search Results

A web travel-booking search-results page mockup for a site 'Skyhop'. Top has a compact search summary bar with origin, destination, dates, and a modify button. Left column is a filter sidebar with price slider, stops checkboxes, airline chips, and departure-time ranges. Main column lists flight result cards each showing invented airline name, times, duration, stops, and a price with a 'Select' button. A results count and sort dropdown sit above the list. Clean light UI, sky-blue accent, rounded cards, tidy spacing, 16:9.

Habit Tracker Mobile Screen

A mobile habit-tracker app screen mockup for an app 'Streakly'. Vertical phone frame, top greeting 'Keep it up, Jordan' with a small flame icon and a 12-day streak. Below, a weekly calendar strip with today highlighted, then a vertical list of habit cards—Drink water, Read 20 min, Morning walk, No phone after 10—each with a colored icon, a progress ring, and a check toggle. A floating '+' add button bottom-right and a bottom tab bar. Soft playful UI, mint-and-coral palette, rounded cards, friendly rounded sans-serif.

Design Agency Landing Page

A bold landing-page hero mockup for a creative studio 'Northlight Studio'. Full-bleed dark hero with an oversized gradient headline 'We build brands that move', a short tagline, and a rounded 'Start a project' button. A subtle animated-looking particle motif in the background. Top nav with wordmark left and Work / Services / About / Contact right. Below the fold, a horizontal marquee of invented client names. Dark charcoal background, electric-lime accent, huge expressive typography, generous negative space, 16:9 desktop.

Ticketing App Event Screen

A mobile event-ticketing app screen mockup for an app 'Frontrow'. Vertical phone frame, top hero image of a concert crowd with a back arrow and share icon. Below a content sheet with the event title 'Neon Nights Festival', date and venue rows with line icons, a ticket-tier selector showing General, VIP, and Backstage with prices, a quantity stepper, and a bright 'Get tickets' sticky button. A small map preview and a lineup chip row below. Dark vibrant UI, purple-to-pink gradient accents, rounded cards, bold type.

Other categories

E-commerce Product Image Product Marketing Social Media YouTube Thumbnail Poster & Flyer Infographic Avatar & Profile Picture Comic & Storyboard All 955 prompts