GPT Image 2.6 prompts for UI design.

Create a realistic mobile app UI for [a running app]. Home screen for a returning runner: greeting "Morning, Sam", weekly distance ring showing "18.4 / 25 km", a "Start run" primary button, last run card with route map thumbnail, pace and time, and a bottom tab bar: Home, Plans, Activity, Profile. Clean white UI, one energetic orange accent, clear typography. iPhone screen, no device frame.

Create a realistic mobile banking app UI. Balance card "$4,280.55", quick actions Send, Request, Pay bills, Top up, and a recent transactions list with merchant logos, dates, and amounts. Calm navy and white palette, rounded cards, generous spacing. It should look like a real shipped app. iPhone screen, no frame.

Create a realistic food delivery app home screen: address bar "Deliver to 24 Hill St", search field, category chips (Pizza, Sushi, Salads, Desserts), a featured restaurant card with rating and delivery time, and a "Popular near you" list. Warm, appetizing photography, white background, one red accent. iPhone screen, no frame.

Create three mobile onboarding screens side by side for [a meditation app]: 1) welcome with a calm illustration and "Breathe better in 5 minutes a day", 2) pick goals with selectable chips, 3) choose a reminder time with a time picker. Consistent soft lavender palette, rounded buttons, progress dots. No device frames.

Create a realistic messaging app conversation screen: contact name "Maya" with online status, alternating message bubbles with realistic short messages, a shared photo, a voice message bubble with waveform, and a message input with attachment and send icons. Light theme, blue accent. iPhone screen, no frame.

Create a realistic iOS-style settings screen for [a note-taking app]: grouped lists for Account, Sync, Appearance, Notifications, Privacy, and Help, with current values on the right, toggles for iCloud sync and reminders, and a red "Sign out" row at the bottom. Native iOS look, light mode. iPhone screen, no frame.

Create a mobile empty state screen for [a task manager] when the user has no tasks: a simple friendly illustration, headline "Nothing on your list", one line of supporting text, and a primary button "Add your first task". Minimal, lots of white space. iPhone screen, no frame.

Create a dark mode mobile UI for [a music player]: album art, track title "Night Drive", artist name, a progress bar with times, playback controls, and a lyrics preview. Deep charcoal background (not pure black), one neon cyan accent, high contrast text. iPhone screen, no frame.

Create a desktop landing page hero for [a project management SaaS]: logo and navigation at the top, headline "Ship projects without the status meetings", subheading, two buttons "Start free" and "Book a demo", and a large product screenshot of a kanban board below. Clean white layout, one violet accent, 16:9, no browser frame.

Create a desktop portfolio homepage for a product designer named "Lena Ortiz": large editorial headline, short intro, a grid of six project cards with cover images and titles, and a contact link. Off-white background, black serif headlines, minimal and gallery-like. 16:9.

Create a realistic ecommerce product page for [a ceramic coffee mug]: product photo gallery on the left, title, price "$32", color swatches, quantity selector, "Add to cart" button, shipping info, and reviews summary "4.8 (212 reviews)" on the right. Warm neutral palette. Desktop, 16:9.

Create a pricing section with three plans: Free "$0", Pro "$12/month" (highlighted as "Most popular"), and Team "$29/month". Each plan lists five features with check marks and has a button. Include a monthly/annual toggle that says "Save 20%". Clean white UI, one green accent. 16:9.

Create a desktop blog article page: title "How we cut our build time by 70%", author avatar and date, a wide header image, readable body text in a centered column, a code block, and a table of contents on the right. Editorial style, generous line height. 16:9.

Create a homepage for a neighborhood restaurant "Olive & Ember": full-width food photo hero with the name, opening hours, a "Book a table" button, a short menu preview with prices, and location with a map. Warm, rustic, elegant typography. Desktop, 16:9.

Create a split-screen sign up page: left side a form with email, password, "Create account" button, and "Continue with Google"; right side a product illustration with a short testimonial. Clean and trustworthy, blue accent. Desktop, 16:9.

Create a mobile landing page for [an AI writing app]: headline, subheading, "Try it free" button, three feature blocks with small UI previews, a testimonial, and a footer. 390 px wide, tall scrolling layout shown in full, no frame.

Create a friendly 404 page for [a travel booking site]: a playful illustration of a lost suitcase, headline "This page took a different flight", a search field, and links to Home, Destinations, and Help. On-brand teal accent, plenty of white space. Desktop, 16:9.

Create a realistic analytics dashboard: left sidebar navigation, date range picker, four KPI cards (Visitors 48,210; Signups 1,284; Conversion 2.7%; Revenue $38.4k), a line chart of daily visitors, a bar chart by channel, and a table of top pages. Light theme, calm blue palette, real interface elements. 16:9.

Create a CRM sales pipeline board with columns Lead, Qualified, Proposal, Won: deal cards with company name, value, owner avatar, and days in stage. Top bar with search and "New deal" button. Clean, dense but readable. Desktop, 16:9.

Create an admin users table: search, filters for role and status, columns Name, Email, Role, Status, Last active, with status badges (Active, Invited, Suspended), row actions, and pagination. Neutral gray UI, one indigo accent. Desktop, 16:9.

Create a weekly calendar web app view: left mini month calendar and list of calendars, main grid Monday to Sunday with color-coded events, a "Create" button, and an event details popover open on one event. Light theme. 16:9.

Create a three-pane email client: folders on the left, message list in the middle with sender, subject, preview, and time, and the open email on the right with reply buttons. Clean and familiar, blue accent. Desktop, 16:9.

Create a desktop AI assistant app: left sidebar with chat history, main conversation with a user question and a long formatted answer with a bulleted list and a code block, and a message composer with attachment and model selector. Minimal neutral UI. 16:9.

A set of six simple line icons for an app tab bar: home, search, library, stats, profile, settings. Consistent 2px stroke, rounded caps and joins, single color, no text, evenly spaced in one row.

A set of eight duotone feature icons for a SaaS website: speed, security, integrations, analytics, collaboration, automation, support, mobile. Same grid and corner radius, two-tone blue, no text.

A modern app icon for [a habit tracker]: a simple check mark merged with a flame shape, centered on a rounded square with a soft gradient from coral to orange. Flat, clean, recognizable at small sizes, no text.

A set of four simple empty state illustrations in the same style: no messages, no search results, no files, all tasks done. Flat shapes, two colors, soft shadows, friendly and minimal, transparent background.

A minimal logo for a design studio named "North Canvas": a geometric north arrow combined with a square frame, with the wordmark "North Canvas" in a clean sans serif beside it. Single color, works on light and dark backgrounds.

Create three App Store screenshots side by side for [a budgeting app]. Each shows a phone screen with the app UI and a large caption above: "See where your money goes", "Set goals you'll actually hit", "Get alerts before you overspend". Bright, consistent brand colors, 1290×2796 proportions.

A product launch banner for [a design tool] announcing "Introducing Canvas 2.0", with a tilted screenshot of the app UI, short subheading, and "Try it now" button. Clean gradient background, modern tech style, 16:9.

A square social media post announcing a new feature "Dark mode is here" for [a notes app], showing the app UI in light and dark side by side with a diagonal split. Bold headline, brand colors, 1:1.

An Open Graph image for a blog post titled "How to design UI with AI", with the title in large type on the left and a small collage of app screens on the right. Clean background, brand accent color, 1200×630.

A Product Hunt gallery image for [a UI design plugin]: headline "Design inside your coding agent", a large screenshot of a canvas with several app screens side by side, and three short benefit labels. Clean, high contrast, 1270×760.

A clean device mockup scene: a laptop and a phone on a light desk, both showing [our app's dashboard and mobile home screen], soft natural light, minimal props, product marketing photo style, 16:9.

A short looping animation of a mobile "Add to cart" button being tapped: it scales down slightly, turns green, and shows a check mark, then returns to normal. Flat UI style, white background, no extra text.

A looping animation of a card list loading: gray skeleton placeholders shimmer from left to right, then real cards with avatars and text fade in. Clean light UI.

A looping animation of a settings toggle switching from off to on: the knob slides right, the track fills with green, and a small label changes from "Off" to "On". Minimal UI, white background.

A looping animation of pull-to-refresh on a mobile feed: the list is pulled down, a spinner appears and rotates, then new items slide in at the top. Clean light UI.

Image 1 is our current app screen. Image 2 is a style reference. Restyle image 1 using the colors, typography, and corner radius of image 2. Keep the layout, content, and text of image 1 exactly the same.

Change only the circled button: make it the primary style with a solid dark green background and white label "Continue". Keep everything else in the screen exactly the same.

Replace only the circled area with a testimonial card: a customer photo, the quote "We shipped our redesign in a week", the name "Priya N." and title "Head of Product". Match the existing styles. Keep everything else unchanged.

Rebuild the attached mockup image as one self-contained HTML file at [390×844], with inline CSS and system fonts. Match the layout, spacing, colors, and text exactly. Draw icons with inline SVG.