Stop staring at a blank prompt. Copy one of these 100+ tested prompts, paste it into your AI design tool, and get a professional app screen in seconds.
Every prompt in this library has been tested across multiple AI tools. They work with GenDesigns, v0, Cursor, Bolt, Lovable, and most other AI UI generators. Each prompt follows our PROMPT framework for maximum quality.
How to use this library:
- Find the screen type, style, or industry you need
- Copy the prompt
- Paste into your AI tool
- Customize the bracketed
[values]for your specific app - Iterate from there
Want to understand WHY these prompts work? Read our complete prompting framework first.
Prompts by Screen Type
Onboarding Screens (8 prompts)
1. Welcome/Hero Screen
"iOS onboarding welcome screen for [app name], a [app type]. Full-screen gradient background ([color 1] to [color 2]). App logo centered at top. Headline: '[Your headline]'. Subheadline: '[Your subheadline]'. 'Get Started' primary button at bottom. 'Sign In' text link below. Step indicator dots (1 of 4). [Style description]."
2. Feature Walkthrough
"iOS onboarding screen 2 of 4 for [app name]. Top 55% shows an illustration of [what the illustration depicts]. Headline: '[Feature name]'. Description (2 lines): '[Feature benefit]'. Dot indicators showing step 2 of 4. 'Continue' button and 'Skip' text link. Consistent with the app's [color] and white color scheme."
3. Permission Request
"iOS pre-permission screen asking for [notification/camera/location] access. Friendly illustration of [relevant image]. Headline: '[Why you need this permission]'. Description explaining the benefit: '[2 sentences about why the user should grant permission]'. 'Enable [Permission]' primary button. 'Not Now' secondary text link. [App color scheme]."
4. Sign-Up Form
"iOS sign-up screen for [app name]. Fields: full name, email, password (with show/hide toggle). Password strength indicator. 'Create Account' primary button. Divider with 'or'. 'Sign in with Apple' and 'Sign in with Google' buttons. 'Already have an account? Sign In' link at bottom. [Style description]."
5. Social Auth
"iOS social authentication screen for [app name]. App logo at top. 'Welcome to [App Name]' heading. Three auth buttons stacked: 'Continue with Apple' (black), 'Continue with Google' (white with border), 'Continue with Email' (brand color). Terms text at bottom: 'By continuing, you agree to our Terms and Privacy Policy'. Minimal, clean design with [background color]."
6. Phone Verification
"iOS phone verification screen. Heading: 'Verify your phone'. Subheading: 'We sent a 6-digit code to +1 (555) 123-4567'. Six individual digit input boxes in a row. 'Verify' button (disabled until all 6 digits entered). 'Resend code' link with countdown timer (0:45). 'Change number' link. [App color scheme]."
7. Profile Setup
"iOS profile setup screen for [app type]. Circular avatar placeholder with camera icon overlay. Fields: display name, username (with @ prefix and availability check), short bio (multi-line, 150 char limit with counter). 'Continue' button. 'Skip for now' link. Progress bar at top showing step 3 of 4. [Style]."
8. First Action Empty State
"iOS empty state for [screen type] when the user has [no data condition]. Centered illustration of [description]. Headline: '[Friendly, encouraging message]'. Description: '[1-2 sentences explaining what this screen will show once they take action]'. '[CTA action]' primary button. [App color scheme with generous whitespace]."
Home/Dashboard Screens (8 prompts)
9. Analytics Overview
"iOS analytics dashboard for [app type]. Show 4 metric cards at top: [Metric 1] ([value] [trend]), [Metric 2] ([value] [trend]), [Metric 3] ([value] [trend]), [Metric 4] ([value] [trend]). Below: [chart type] showing [data] over [time period]. Bottom section: [list/table of recent items]. Bottom tab navigation. [Color scheme]."
10. Activity Feed
"iOS home screen with activity feed for [app type]. Header with greeting ('Good morning, [Name]') and notification bell icon. Summary card showing [today's key metric]. Below: chronological activity feed showing 5 items, each with: icon, activity description, timestamp, and relevant data point. Pull-to-refresh indicator. Bottom navigation. [Style]."
11. Quick Actions Home
"iOS home screen for [app type] with quick action grid. Header with user avatar and search bar. 4-6 quick action buttons in a 2x3 grid: [Action 1 with icon], [Action 2 with icon], [Action 3 with icon], [Action 4 with icon], [Action 5 with icon], [Action 6 with icon]. Below: recent activity list (3 items). Bottom tab navigation. [Color scheme]."
12. Stats Cards Dashboard
"iOS dashboard for [app type] focused on key stats. Large hero metric: [primary number] with [trend indicator]. 3 secondary metric cards below in a row: [Metric 2], [Metric 3], [Metric 4]. Sparkline chart in each card. Weekly comparison section showing this week vs last week. Bottom navigation. [Dark/light theme with accent color]."
13. Recent Items Home
"iOS home screen for [app type]. Search bar at top. 'Recent' section with horizontal scroll of 4-5 cards showing recently accessed [items]. 'Favorites' section with 3 pinned [items] in a list. 'Recommended' section with 2-3 suggested [items]. Floating action button for creating new [item]. Bottom navigation. [Style]."
14. Personalized Recommendations
"iOS home screen for [content/commerce app] with personalized sections. Header: 'For You'. Horizontal scroll of 5 recommended [items] with images and titles. 'Trending' section with 3 [items] in a vertical list. 'Categories' horizontal chips for browsing. 'Continue where you left off' section with 1-2 [items] showing progress. Bottom navigation. [Style]."
15. Search-Focused Home
"iOS home screen for [app type] with search as the primary action. Large search bar at top with placeholder: '[Search placeholder text]'. Below: trending searches (5 items), recent searches (3 items with X to remove), and browse by category grid (6 categories with icons). Bottom navigation. Clean, minimal design with [color]."
16. Notification Center
"iOS notification center for [app type]. Header: 'Notifications' with 'Mark all read' link. Tabs: All, [Category 1], [Category 2]. Notification list with 6 items, each showing: icon, title, description (1 line), timestamp (e.g., '2h ago'). Unread notifications have a colored dot. Swipe-to-dismiss hint. Group by Today/Yesterday. [Style]."
E-commerce Screens (8 prompts)
17. Product Grid
"iOS product listing for [store type]. Search bar and filter chips at top: [Category 1], [Category 2], [Category 3], [Category 4]. 2-column product grid showing 6 products, each with: image, product name, price, and [rating/badge]. Sort button in top-right. Floating cart button showing item count. [Style matching store brand]."
18. Product Detail
"iOS product detail for [product type]. Large product image area (swipeable, 3 dots). Product name: '[Name]'. Price: $[price]. Rating: [X] stars ([N] reviews). [Selector type]: [options]. Quantity selector. 'Add to Cart' full-width button. Collapsible description section. 'You might also like' horizontal scroll of 4 related products. [Style]."
19. Shopping Cart
"iOS shopping cart screen. Header: 'Cart (3 items)'. Cart items list — each showing: product thumbnail, name, variant (e.g., 'Black, Size M'), quantity selector (- 1 +), price, remove (X) button. Order summary: subtotal $[amount], shipping $[amount], tax $[amount], divider, total $[amount] in bold. 'Proceed to Checkout' button. 'Continue Shopping' link. [Style]."
20. Checkout
"iOS checkout screen, step [X] of 3 ([Step name]). Progress bar at top (Shipping → Payment → Review). [Form fields relevant to step]. Order summary sidebar/card showing [N] items and total $[amount]. '[Next step CTA]' primary button. 'Back' link. Secure checkout badge at bottom. Clean, trustworthy design with [color]."
21. Wishlist
"iOS wishlist screen for [store type]. Header: 'Wishlist ([N] items)'. Product grid (2 columns) showing 4 saved products, each with: image, name, price, heart icon (filled), 'Add to Cart' button. Empty state message for cleared items. 'Continue Shopping' link at bottom. [Store's design style]."
22. Order Tracking
"iOS order tracking screen. Order number at top: #[ORDER-ID]. Delivery estimate: [date]. Tracking timeline (vertical) with 4 steps: Order Placed ✓, Processing ✓, Shipped (current, with carrier and tracking number), Delivered (pending). Map showing delivery route (placeholder). Order items summary (2 items with thumbnails). 'Contact Support' button. [Style]."
23. Product Review
"iOS product review screen. Product thumbnail and name at top. Overall rating: [X] stars. Rating breakdown bar chart (5 stars: 65%, 4: 20%, 3: 10%, 2: 3%, 1: 2%). Sort: Most Recent. 3 review cards showing: reviewer name, rating stars, date, review text (2-3 lines), helpful button. 'Write a Review' floating button. [Style]."
24. Category Browse
"iOS category browse screen for [store type]. Header: 'Shop by Category'. Grid of 8 category cards, each with: category image (circular or square), category name, item count. Featured category banner at top with promotional image and text. Search bar. Bottom navigation with Shop tab active. [Style]."
Social / Community Screens (8 prompts)
25. Social Feed
"iOS social feed for [app type]. Stories bar at top with 5 circular avatars ([names]). Feed showing 2 posts, each with: user avatar, username, timestamp, [content: image/text], like/comment/share buttons, [N] likes, caption preview. Floating create button. Bottom navigation with Home active. [Style — warm/cool/playful]."
26. User Profile
"iOS profile screen for [social app type]. Cover photo area. Circular profile photo overlapping cover. Name: '[Name]', handle: @[handle]. Bio: '[2 lines]'. Stats: [N] posts, [N] followers, [N] following. '[Action] Profile' button. Tab bar: [Tab 1], [Tab 2], [Tab 3]. Content grid/list below. [Style]."
27. Chat/Messaging
"iOS chat screen between [user 1] and [user 2]. Header with back arrow, avatar, name, online status dot. 8 messages alternating sent (colored bubbles, right) and received (gray bubbles, left). Topic: [conversation topic]. Timestamps between groups. Typing indicator. Input bar with text field, attachment button, send button. [Color scheme]."
28. Stories Viewer
"iOS story viewer for [app type]. Full-screen content area showing [story content]. Progress bars at top showing 5 segments (3rd active). User info overlay: avatar, username, timestamp. Bottom: reply text field and emoji reactions. Tap zones: left (previous), right (next). Dark overlay at top and bottom for text legibility."
29. Search/Discover
"iOS discover/explore screen for [app type]. Search bar at top. 'Trending' section with 5 trending topics/hashtags. 'Suggested for you' section with 3 user cards (avatar, name, bio snippet, Follow button). 'Explore categories' horizontal scroll of category chips. Content grid below (2 columns, mixed content). [Style]."
30. Group/Community
"iOS community/group screen for [topic]. Group header with cover image, name, member count ([N] members), and description (2 lines). Join/Joined button. Tab bar: Discussion, Members, Events, About. Discussion tab showing 3 posts from members with avatars, names, and post previews. 'New Post' floating button. [Style]."
31. Live Stream
"iOS live stream viewer for [app type]. Full-screen video area. Overlay elements: live badge (red), viewer count ([N] watching), streamer name and avatar. Chat messages scrolling at bottom-left (5 visible messages). Reaction bubbles floating up. Bottom bar: comment field, gift button, share button. Dark overlay for contrast."
32. Notification Feed
"iOS social notifications for [app type]. Grouped notifications: 'Today' and 'This Week'. Types: [Name] liked your post (with post thumbnail), [Name] started following you (with Follow Back button), [Name] commented: '[preview]', [Name] mentioned you in a [post/comment]. Unread items have blue dot. Pull-to-refresh. [Style]."
Settings & Utility Screens (6 prompts)
33. General Settings
"iOS general settings for [app type]. Sections: Account (profile photo, name, email with > arrows), Preferences (language, timezone, units), Notifications (push, email, SMS toggles), Data & Storage (cache size, clear button), About (version, terms, privacy, licenses). iOS grouped inset list style. [Color scheme]."
34. Account Settings
"iOS account settings screen. Profile section: large avatar with edit overlay, name field, email field, phone field. Security section: change password, two-factor authentication toggle, biometric login toggle. Connected accounts: Google (connected), Apple (connected), Facebook (connect button). Danger zone: 'Delete Account' red text button. [Style]."
35. Privacy Settings
"iOS privacy settings screen. Sections: Data Collection (analytics toggle, crash reports toggle, personalization toggle), Visibility (profile visibility: Public/Friends/Private selector), Blocked Users (list with 2 blocked users and unblock buttons), Data Export ('Download my data' button with description), Cookie preferences. [Clean, trustworthy design]."
36. Notification Preferences
"iOS notification preferences. Master toggle: 'Allow Notifications'. Section 'Activity': new follower toggle, likes toggle, comments toggle, mentions toggle. Section 'Messages': direct messages toggle, group messages toggle. Section 'Updates': product updates toggle, weekly digest toggle. Section 'Quiet Hours': enable toggle, start time picker (10 PM), end time picker (7 AM). [Style]."
37. Appearance Settings
"iOS appearance settings. Theme: Light/Dark/System segmented control with preview thumbnail for each. Accent color: 6 color circles (blue, purple, green, orange, pink, red) with checkmark on selected. Font size: slider from Small to Large with preview text. Reduce motion toggle. High contrast toggle. [App's current design applied]."
38. Billing/Subscription
"iOS subscription management screen. Current plan card: '[Plan name]' with price $[X]/month, renewal date, and 'Manage' button. Usage section: [N]/[limit] [resource] used this month with progress bar. Plan comparison: Free vs Pro vs Enterprise in a simple table. Payment method: Visa ending 4242 with 'Update' button. Billing history link. [Professional, trustworthy design]."
Navigation Screens (6 prompts)
39. Bottom Tab Bar
"iOS bottom tab bar with 5 tabs: [Tab 1] (icon: [icon name]), [Tab 2] (icon: [icon name]), [Tab 3] (icon: [icon name], centered, larger/colored), [Tab 4] (icon: [icon name]), [Tab 5] (icon: [icon name]). [Tab 1] is active with filled icon and label in [accent color]. Inactive tabs in gray. Show the home screen content above the tab bar. [Style]."
40. Sidebar/Drawer Navigation
"Web app sidebar navigation for [app type]. 240px wide. Logo at top. Navigation sections: Main ([Item 1], [Item 2], [Item 3]), Management ([Item 4], [Item 5]), Settings ([Item 6], [Item 7]). Active item highlighted with [accent color] background. User avatar and name at bottom with logout option. Collapsible on mobile. [Dark/light sidebar, main content area visible]."
41. Top Tabs
"iOS screen with top tab navigation. 4 tabs: [Tab 1], [Tab 2], [Tab 3], [Tab 4]. Scrollable horizontally if more than 4. Active tab has underline indicator in [accent color]. Content area below shows [Tab 1] content: [describe content]. Swipeable between tabs. [Style]."
42. Breadcrumb Navigation
"Web page with breadcrumb navigation for [app type]. Breadcrumb trail: Home > [Category] > [Subcategory] > [Current Page]. Each level is clickable except the current page (shown in bold). Page header below with title and description. Main content area. [Professional web design style]."
43. Bottom Sheet
"iOS screen with a bottom sheet overlay. Main screen partially visible behind (dimmed). Bottom sheet takes 60% of screen height, rounded top corners (16px radius). Sheet contains: drag handle bar at top, title '[Sheet title]', [3-5 options/content items], 'Done' or 'Cancel' button. Sheet is scrollable if content exceeds height. [Style matching parent screen]."
44. Floating Menu
"iOS screen with a floating action menu. Main screen content visible. Bottom-right: circular FAB button ([icon]). When expanded (show expanded state): 3 smaller action buttons fanned out above the FAB, each with a label: '[Action 1]', '[Action 2]', '[Action 3]'. Semi-transparent overlay behind. [Style with vibrant FAB color]."
Content Screens (6 prompts)
45. Article/Blog View
"iOS article reading screen for [content type]. Header image (full-width). Title: '[Article title]'. Author: [name] with avatar, [date], [read time]. Body text with proper typography hierarchy: paragraphs, an H2 subheading, a blockquote, and a bulleted list. Floating progress indicator (thin bar at top). Share and bookmark buttons in bottom bar. [Clean reading design]."
46. Video Player
"iOS video player screen for [app type]. 16:9 video area with play/pause overlay, progress bar, timestamp (2:14 / 8:03), fullscreen button. Below video: title '[Video title]', channel/creator with avatar and Subscribe button, view count and date. Engagement bar: thumbs up, thumbs down, share, save. Comments section showing 2 comments. [Style]."
47. Image Gallery
"iOS image gallery for [app type]. Grid view showing 9 images in 3 columns with 2px gaps. One image has a heart icon overlay (favorited). Tap to view: show fullscreen image with swipe navigation, image counter (3/9), and bottom bar with share, favorite, delete buttons. Header with gallery title and 'Select' button for multi-select mode. [Style]."
48. Podcast/Audio Player
"iOS podcast player screen. Podcast artwork (large, centered, rounded-xl). Show name: '[Show name]'. Episode title: '[Episode title]'. Progress bar (14:23 / 45:00). Playback controls: 15s rewind, previous, play/pause (large), next, 30s forward. Speed selector (1x). Sleep timer icon. Episode description (expandable, 3 lines). [Style — dark/light]."
49. Document Viewer
"iOS document viewer for [document type]. Top bar with document title, share button, and more (…) menu. Document content area showing formatted text with headings, paragraphs, and a table. Page indicator (Page 3 of 12). Bottom toolbar: search, bookmark, table of contents, text size. Swipe between pages. [Professional, clean design]."
50. File Manager
"iOS file manager screen. Path breadcrumb: My Files > [Folder name]. View toggle: grid/list (list selected). Sort by: Name dropdown. File list showing 6 items: 2 folders (folder icon, name, item count), 3 files (type icon, name, size, date), 1 image (thumbnail, name, size). Multi-select checkbox mode. Floating '+' button for upload. [Style]."
Form Screens (6 prompts)
51. Login Form
"iOS login for [app name]. [Logo/brand element]. Email input with envelope icon. Password input with lock icon and show/hide toggle. 'Remember me' checkbox. 'Sign In' primary button. 'Forgot password?' right-aligned link. Divider: 'or continue with'. Social buttons: Apple, Google. 'Don't have an account? Sign Up' at bottom. [Style]."
52. Registration Form
"iOS registration for [app name]. Step [X] of [Y] progress indicator. Fields: [list each field with type: text, email, password, dropdown, etc.]. Field labels above inputs. Helper text below [field] in gray. Error state example on [one field] with red text. 'Create Account' button (disabled if incomplete). Terms checkbox. [Style]."
53. Contact/Support Form
"iOS contact form for [app/company name]. Subject dropdown (Bug Report, Feature Request, Billing, Other). Description multi-line text area (placeholder: 'Describe your issue...'). Attach screenshot button with camera icon. Email field (pre-filled if logged in). Priority selector: Low, Medium, High. 'Submit' button. Estimated response time note. [Professional design]."
54. Payment Form
"iOS payment form. Card number input with card brand icon (auto-detects Visa/MC/Amex). Expiry (MM/YY) and CVC side by side. Cardholder name. 'Save card for future purchases' checkbox. Security badges (SSL, PCI compliant icons). Amount summary: $[amount]. 'Pay $[amount]' primary button. [Clean, trustworthy design with subtle green accent]."
55. Search with Filters
"iOS search screen for [app type]. Search bar with filter icon. Active filters showing as removable chips: [Filter 1], [Filter 2]. Results count: '[N] results'. Results list showing 4 items with [relevant info per item]. 'Sort by' dropdown (Relevance, Price, Rating, Date). Filter panel (collapsed): [list 3-4 filter categories]. [Style]."
56. Multi-Step Wizard
"iOS multi-step form, step [X] of [Y] for [purpose]. Progress bar with labeled steps: [Step 1], [Step 2], [Step 3]. Current step content: [describe fields and content for this step]. 'Back' secondary button (left) and 'Continue' primary button (right). Step summary sidebar/card showing completed steps with checkmarks. [Style]."
Data Screens (6 prompts)
57. Charts/Graphs
"iOS data visualization screen for [app type]. Header with title and time period selector (7D, 30D, 90D, 1Y). Main chart: [chart type] showing [what data] over [time period]. Key metrics below chart: [metric 1] [value], [metric 2] [value]. Data source note at bottom. Export/share button. [Style with data-appropriate colors]."
58. Data Table
"Web data table for [app type]. Table header with column titles: [Col 1], [Col 2], [Col 3], [Col 4], [Col 5]. 5 data rows with realistic data. Sortable columns (click header). Row hover state. Checkbox column for multi-select. Pagination: 'Showing 1-10 of 234' with page controls. Search bar and column filter above table. [Professional, data-dense design]."
59. Map View
"iOS map screen for [app type]. Full-screen map with 5 location pins. Bottom card (partially covering map) showing nearest result: [location name], [distance], [rating], [key info]. 'List View' toggle in top-right. Search bar at top with '[Search type]' placeholder. Current location button. Filter chips: [Filter 1], [Filter 2], [Filter 3]. [Style]."
60. Timeline
"iOS timeline/history screen for [app type]. Vertical timeline with connected dots and lines. 5 timeline events, each showing: date, event title, description (1 line), [relevant icon]. Alternating left/right alignment or consistent left alignment. Most recent at top. Filter by date range at top. [Style with timeline accent color]."
61. Calendar View
"iOS calendar screen for [app type]. Month view showing current month in a grid. Days with events have colored dots (up to 3 dots for multiple events). Today highlighted. Tapping a day shows: day detail below the calendar with 3 events listed (time, title, duration, color-coded category). '+' button for adding events. [Style]."
62. Reports/Summary
"iOS weekly report for [app type]. Header: 'Weekly Summary — [date range]'. Key highlights card with 3 bullet points. Performance metrics: [3-4 metrics] shown as cards with trend arrows vs last week. Top performing [items] list (5 items with ranking numbers). Comparison chart: this week vs last week. 'Share Report' and 'Download PDF' buttons. [Professional design]."
Prompts by Design Style (20 prompts)
Minimal / Clean (3 prompts)
63. > "iOS [screen type] for [app type] with extreme minimal design. Near-white background (#fafafa). Thin, light-weight typography (Inter Light/Regular). Lots of whitespace — 32px minimum between sections. Subtle dividers instead of cards. Monochromatic with a single accent color [color] for interactive elements only. No shadows. 2px borders max."
64. > "Web [screen type] for [app type] in Scandinavian minimal style. White background, warm gray text (#374151), muted [accent color] for links and buttons. System font stack. Generous padding (24px+). Simple line icons. Content-focused — no decorative elements. Typography carries the design."
65. > "iOS [screen type] with Japanese-inspired minimalism. Asymmetric layout with deliberate empty space. Single accent element per screen. Small, precise typography. Thin hairline dividers. Muted natural color palette. Sense of calm and intentionality."
Dark / Premium (3 prompts)
66. > "iOS [screen type] for [app type] with dark premium design. Background: #0a0a0a. Card surfaces: #141414 with subtle 1px borders (#222). Gradient accent: [color 1] to [color 2] for hero elements. Typography: white headers, #a1a1a1 body text. Subtle glow effects on primary actions. Inter or SF Pro font."
67. > "iOS [screen type] for [premium app type]. True black OLED background. Gold (#d4a574) accent for premium elements. Silver (#94a3b8) for secondary text. Thin sans-serif font. Minimal, refined component styling. Luxury feel — like a high-end fashion brand's app."
68. > "Web [dashboard type] with dark theme inspired by Linear. Background: #0d1117. Sidebar: #010409. Cards: #161b22. Purple-blue (#8b5cf6) accent. Compact information density. Monospace font for data values. Subtle hover states. Professional, developer-focused aesthetic."
Glassmorphism (2 prompts)
69. > "iOS [screen type] with glassmorphism design. Background: gradient from [color 1] to [color 2]. All cards use frosted glass effect: semi-transparent white (rgba(255,255,255,0.15)), backdrop-blur(20px), subtle white border (rgba(255,255,255,0.2)). White text throughout. Soft shadows. 16px border radius on all glass elements."
70. > "iOS [screen type] using glassmorphism on a photo background. Background: blurred [scenic photo description]. Frosted glass cards for all content areas. Icons and text in white. Primary button uses solid [accent color] to stand out against the glass. Floating, layered feel."
Neobrutalism (2 prompts)
71. > "iOS [screen type] with neobrutalist design. Background: [bold color, e.g., #FFE500]. Thick black borders (3px) on all elements. Black drop shadows offset 4px right and 4px down. Bold, chunky sans-serif font (Inter Black or similar). Raw, unpolished feel. No gradients, no rounded corners larger than 4px. High contrast."
72. > "Web [screen type] in neobrutalist style. White background with elements in bright [color] and black. Thick borders, visible grid. Oversized typography for headlines. Hand-drawn or rough-style icons. Intentionally 'undesigned' aesthetic. Anti-corporate, bold, raw."
Bento Grid (2 prompts)
73. > "iOS [screen type] with bento grid layout (inspired by Apple's marketing). Grid of differently-sized cards: 1 large (spanning 2 columns), 2 medium (1 column each), 3 small (1 column each). Each card contains a different [metric/feature/content type]. Rounded corners (20px). Subtle shadows. Consistent 12px gaps between cards. [Color scheme]."
74. > "Web [dashboard type] with bento grid layout. 4-column grid with cards of varying spans: one hero card (2x2), two tall cards (1x2), three standard cards (1x1). Each card contains a different data visualization or metric. Dark theme with colored accents per card. Modern, modular feel."
Colorful / Playful (2 prompts)
75. > "iOS [screen type] for [app type aimed at younger audience]. Bright, saturated color palette: [primary], [secondary], [tertiary]. Rounded everything (16px+ radius). Playful illustrations or emoji. Chunky, friendly typography (Nunito or Poppins). Generous padding. Fun, energetic, approachable feel. Not childish — fun but functional."
76. > "iOS [screen type] with a gradient-heavy, colorful design. Each section uses a different gradient: [gradient 1], [gradient 2], [gradient 3]. White text on gradients. Rounded cards with subtle blur. Bold, confident typography. Festival/creative/music app energy."
Corporate / Professional (2 prompts)
77. > "Web [screen type] for [B2B SaaS type] with corporate professional design. Navy (#1e3a5f) header. White content area. Light gray (#f8fafc) sidebar. Conservative colors — blue for links, green for success, red for errors. Segoe UI or Inter. Data tables, form fields, and buttons follow enterprise UI conventions. Clean, trustworthy, serious."
78. > "iOS [screen type] for [enterprise app type]. Professional color scheme: dark blue primary, light gray surfaces, minimal accent colors. Dense information layout. Clear typography hierarchy. No decorative elements — every pixel has purpose. Suitable for corporate environments."
iOS Native (2 prompts)
79. > "iOS [screen type] following Apple Human Interface Guidelines exactly. SF Pro font. iOS system colors (tinted blue). Large title navigation bar. Grouped inset list style for any lists. System-standard toggle switches, text fields, and buttons. Proper safe areas for iPhone 16 (Dynamic Island, home indicator). Tab bar with SF Symbols."
80. > "iOS [screen type] that looks indistinguishable from a native Apple app. System fonts, system colors, system components. Navigation bar with back chevron and right action button. Content using standard iOS spacing (16px horizontal margins, 8px minimum spacing). Native-feeling animations implied by proper state styling."
Material Design 3 (2 prompts)
81. > "Android [screen type] following Material Design 3. Tonal color scheme generated from seed color [hex]. Roboto font. MD3 components: filled buttons, outlined text fields, top app bar with centered title, bottom navigation bar. Surface tones for elevation. 16dp corner radius for large components, 8dp for small. Dynamic Color aware."
82. > "Android [screen type] with Material You aesthetic. Primary color: [color]. Tonal palette applied to all surfaces. Rounded, friendly shapes (24dp radius for cards). Bottom navigation with 4 destinations (filled icon + label for active, outlined for inactive). FAB for primary action. Material motion: container transforms between list and detail."
Skeuomorphic / Retro (2 prompts)
83. > "iOS [screen type] with subtle skeuomorphic design. Textured backgrounds (subtle linen or paper texture). Elements with slight 3D depth — inner shadows on inputs, raised buttons with highlights. Warm, slightly desaturated color palette. Feels physical and tangible. Not extremely realistic — modern skeuomorphism with restraint."
84. > "iOS [screen type] with retro digital aesthetic. CRT-style green (#00ff00) text on black background. Pixel-style or monospace font. Scan line overlay effect. Terminal/hacker aesthetic. Functional but stylized. For a [developer tool / tech-focused app]."
Prompts by Industry (20 prompts)
Fintech / Banking (4 prompts)
85. > "iOS neobank home screen. Total balance: $[amount] (large, bold). Account cards: Checking $[X], Savings $[Y], Investment $[Z]. Quick actions: Send, Request, Deposit, More. Recent transactions: 5 items with merchant icons, names, amounts, dates. Dark premium theme with [accent color]. Bottom tab: Home, Cards, Invest, Profile."
86. > "iOS investment portfolio screen. Portfolio value: $[amount] with gain/loss (+$[amount], +[X]%). Time period selector: 1D, 1W, 1M, 3M, 1Y, ALL. Area chart showing performance. Holdings list: [4 stocks/assets] with ticker, shares, value, daily %. Dark theme, green for gains, red for losses."
87. > "iOS payment/send money screen. Recipient search with recent contacts (5 circular avatars with names). Amount input (large, centered): $[amount] with currency selector. Payment method: [card ending XXXX] with change link. Note field: 'What's this for?'. 'Send $[amount]' primary button. Transaction fee note. [Trustworthy, clean design]."
88. > "iOS crypto wallet screen. Portfolio balance: $[amount] with 24h change. Asset list: Bitcoin [amount] $[value] [%change], Ethereum [amount] $[value] [%change], Solana [amount] $[value] [%change]. Each with sparkline chart. Buy/Sell/Swap quick action buttons. Price alerts section. Dark theme with accent [color]."
Healthcare / Wellness (4 prompts)
89. > "iOS health metrics dashboard. Today's overview cards: Steps ([N] / 10,000 with circular progress), Heart Rate ([N] BPM with mini chart), Sleep ([N]h [N]m with quality indicator), Water ([N] / 8 glasses). Weekly trends chart below. Connected devices section: Apple Watch (connected). Bottom navigation. Calming [color] and white design."
90. > "iOS doctor appointment booking. Select specialty dropdown. Doctor list: 3 cards with photo, name, specialty, rating, next available time. Calendar strip showing 7 days. Time slot grid (available in [color], booked in gray). Selected: [Doctor name], [Date], [Time]. 'Book Appointment' button. Insurance info note. Professional blue and white."
91. > "iOS medication tracker. Today's medications: 3 cards, each with pill icon, medication name, dosage, time, taken/not taken status. 'Add Medication' button. Weekly adherence chart (7 bars, colored by compliance). Reminders section with 2 upcoming reminders. Refill alerts. Calming design — soft colors, clear typography."
92. > "iOS mental health check-in screen for a therapy app. 'How are you feeling today?' with 5 mood options (emoticons from sad to great). Journal entry text area: 'What's on your mind?'. Recent mood chart showing last 7 days. Suggested activities: 'Breathing Exercise (5 min)', 'Gratitude Journal', 'Talk to a therapist'. Warm, supportive design."
Fitness / Sports (3 prompts)
93. > "iOS workout tracking screen during active session. Workout type: [type]. Large timer: [MM:SS]. Current exercise: '[Exercise name]' ([X] of [Y]). Circular progress ring. Heart rate: [N] BPM. Calories: [N]. Rep counter. Rest timer between sets. 'Pause' and 'End Workout' buttons. Dark background with [energetic accent color]."
94. > "iOS fitness app progress screen. Monthly summary cards: workouts completed ([N]/[goal]), calories burned ([N]), total time ([N]h). Body weight chart over 3 months with trend line. Personal records section: Bench Press [weight], 5K Run [time], Plank [duration]. Monthly comparison vs last month. Motivating design with [color]."
95. > "iOS sports score/stats screen for [sport]. Live match header: [Team A] [Score] - [Score] [Team B], [time/period]. Player stats table: [5 players] with key stats. Play-by-play feed (5 recent events). Team comparison bar chart. Next match card. Dark theme with team colors."
Food / Restaurant (3 prompts)
96. > "iOS food delivery restaurant listing. Location header: 'Delivering to [Address]'. Category chips: All, Pizza, Sushi, Burgers, Healthy, Dessert. Restaurant list: 4 cards with cover photo, name, rating, cuisine type, delivery time, delivery fee, promotional badge ('Free delivery'). Sort: Recommended. [Clean, appetite-appealing design]."
97. > "iOS restaurant menu screen. Restaurant header: [name], [rating], [delivery time], [delivery fee]. Menu categories: [3-4 categories] as tabs. Menu items: 4 items with food photo, name, description (1 line), price, 'Add' button. Popular items badge on 2 items. Floating cart button: [N] items, $[total]. [Warm, appetizing design]."
98. > "iOS recipe detail screen. Large hero image of [dish]. Recipe name: '[Name]'. Author with avatar. Stats: [time], [servings], [difficulty]. Rating: [X] stars ([N] reviews). Tabs: Ingredients, Instructions, Reviews. Ingredients list with checkboxes (8 ingredients). Save/bookmark and share buttons. [Clean, food-focused design]."
Travel / Booking (3 prompts)
99. > "iOS flight search results for [origin] to [destination]. Search header: [origin code] → [destination code], [dates], [passengers]. Filter bar: Cheapest, Fastest, Best. 4 flight result cards: airline, departure → arrival times, duration, stops, price. Each with airline logo. Sort and filter buttons. [Clean, trustworthy travel design]."
100. > "iOS hotel booking detail. Hero image carousel (4 images). Hotel name: '[Name]'. Rating: [X] stars ([N] reviews). Location with map preview. Price: $[amount]/night. Date selector: Check-in [date], Check-out [date], [N] nights. Room type selector: Standard, Deluxe, Suite with prices. 'Reserve' button. Amenities grid with icons. [Aspirational, premium design]."
101. > "iOS travel itinerary screen. Trip name: '[Destination] Trip'. Date range: [dates]. Daily itinerary with timeline: Day 1 — [3 activities with times, locations, and icons]. Day 2 — [3 activities]. Each activity card shows: time, place name, category icon, notes. Map button for each activity. Overall trip map at top. [Warm, adventure-inspired design]."
Education / Learning (3 prompts)
102. > "iOS course catalog for [education app]. Search bar with filter icon. Categories: [4 categories] as horizontal scroll chips. Course cards (2 per row): thumbnail, title, instructor name, rating, price/free badge, student count. 'My Learning' section at top with 1-2 in-progress courses showing progress bars. [Clean, academic design]."
103. > "iOS lesson/lecture screen. Video area (16:9) with play button overlay. Below: lesson title '[Title]', course name, instructor. Progress: Lesson [X] of [Y]. Tab bar: Overview, Notes, Resources, Discussion. Overview tab: lesson description, key takeaways (3 bullet points), next lesson card. 'Mark Complete' button. [Education-focused design]."
104. > "iOS learning progress dashboard. Streak counter: [N] days with flame icon. Weekly activity chart (Mo-Su, filled bars for study days). Courses in progress: 3 cards with course name, progress bar, next lesson title. Achievements section: 3 badges (2 earned, 1 locked). Leaderboard preview: Your rank #[N]. [Motivating, gamified design]."
Real Estate (2 prompts)
105. > "iOS property listing for [property type]. Search bar with location. Filter chips: Price, Beds, Type, More. Property cards (full-width): large photo, price ($[amount]/mo or $[amount]), address, beds/baths/sqft, heart icon for saving. Map toggle in top-right. [N] results found. [Clean, professional real estate design]."
106. > "iOS property detail for [property type]. Photo gallery (swipeable, 12 photos counter). Price: $[amount]. Address: [address]. Quick stats: [beds] bed, [baths] bath, [sqft] sqft, Built [year]. Agent card: photo, name, phone, 'Contact' button. Description (expandable). Amenities grid. Map with pin. 'Schedule Tour' primary button. [Premium, trustworthy design]."
Pro Tips: Modifying Prompts for Better Results
Combining screen type + style + industry
Take any screen type prompt, add a style modifier and industry context:
Base: Product grid prompt (#17) + Style: "with neobrutalist design" + Industry: "for a streetwear brand" = Result: A unique, industry-appropriate screen that stands out
Adding platform constraints
Append to any prompt:
- "Following Apple Human Interface Guidelines" (iOS)
- "Following Material Design 3 guidelines" (Android)
- "WCAG AA compliant with 4.5:1 minimum contrast" (accessibility)
- "Responsive, mobile-first" (web)
Iterating from basic to advanced
- Start with the basic prompt from this library
- Generate the first output
- Iterate: "Make the [element] more prominent"
- Iterate: "Add [missing element]"
- Iterate: "Apply [specific style change]"
The 3rd iteration is typically 5x better than the first output.
Full framework: How to Write AI Prompts That Generate Beautiful UI
Try These Prompts Right Now
Copy any prompt from this page, paste it into GenDesigns, and see the result in seconds. Every prompt has been tested to produce professional-quality output.
Generate your first UI for free →
Related reading: