UI Screen
AI UI screen prompts you can use right away for app and web screen design. Quickly create mobile app screens, dashboards, and landing page mockups.
2026.05.22
把「UI Screen」做成你想要的样子做一个你自己的「UI Screen」
用大白话说出来就行——Carat 会为你生成合适的图片和视频。
每天 100 免费积分，现在就开始
·
App Branding Gradient Illustration
GPT Image 2· 图片
Soft gradient illustration of [SUBJECT], smooth geometric forms, muted color palette, white minimal background, modern app branding style, premium digital art aesthetic.
Futuristic VR Visor
Midjourney· 图片
Futuristic thin mirror-like rounded VR visor --profile oudsbf9 --stylize 50 --hd --preview
Cute Girl and Cat Illustration
Midjourney· 图片
A cute girl and a cat, with beautiful eyes, in an adorable art illustration style. --ar 9:16
Korean Influencer Instagram Live Screenshot
GPT Image 2· 图片
9:16 Korean Instagram live stream screenshot. Korean female beauty influencer doing a live broadcast. She holds a sign: '오늘 밤 라이브 — 같이 이야기해요!' Korean Instagram live UI — viewer count, heart reactions, Korean username, Korean comment bubbles visible.
Rotating Product Page Reveal
MiniMax H3· 视频
Reveal the layout from top to bottom. Upper and center typography slides down; lower typography slides up. Once the central product appears, let it rotate subtly.
Glassmorphism Gold Price Chart
Seedream 5.0 Lite· 图片
Generate a gold price trend chart for the past 7 days (priced in domestic spot gold, displaying specific values and timestamps), presented in a glassmorphism UI card style.
Complete UI Design System for a Korean AI App (Carat AI / AI)
GPT Image 2· 图片
Complete UI design system for a Korean AI app (Carat AI / 캐럿 AI). Dark mode Korean app aesthetic. Web dashboard, mobile interfaces, cards, controls, buttons, navigation. All labels in Korean. Color palette: deep navy, sky blue (#007AFF), white. Shows: main feed, prompt input, generation result card, settings panel. Modern Korean AI app aesthetic. 16:9.
Using This Style
GPT Image 2· 图片
Using this style, generate a complete UI design system including web, mobile, cards, controls, buttons, and other components. Use this visual style as reference to generate a webpage. I've tried cosmic, aviation, and butterfly themes.
Sports Booking App Flex Banner
GPT Image 2· 图片
Based on the given layout
Recommended Layout Structure (3ft × 5ft) horizontal flex banner.
Overall Grid Use a 2-column layout:Left Column → Branding + Benefits + ContactRight Column → App Flow + Sports Icons Visual Hierarchy LEFT SIDE (40%)Logo Area Top-left large rectangle. Height: ~28%Keep lots of whitespaceUse bold premium typographyAdd tagline if needed Example:HYPE
Book Your Sport Instantly
Benefits Box Middle-left large box. Use 3–5 short benefit points:✓ Easy Booking
✓ Nearby Turf Search
✓ Instant Confirmation
✓ Multiple Sports
Use icons beside each point. 3. Contact Strip Bottom-left horizontal strip. Include:PhoneWebsiteQR code (optional) Example:Call: +91 XXXXX XXXXX
www.hypeplay.com
RIGHT SIDE (60%) Mobile Screens Section Instead of plain rectangles, show actual mobile mockups. Use 3 phone cards: Screen 1 — SearchTurf listingMapSearch bar Screen 2 — SelectVenue detailsTime slots Screen 3 — BookPayment successConfirmation UI Sports Circles Section Instead of empty circles: Use:FootballCricketBadmintonBasketballTennis Add:Sport icon/photoSmall label below Example arrangement: ⚽ 🏀 🏏
Make circles slightly overlapping for modern look. Better Composition Your current sketch feels very boxed. Modern flex banners use:Consistent paddingLarger imageryFewer bordersStrong contrast Instead of outlines everywhere:Use background color blocksSoft shadowsMinimal separators mportant Design Improvements Avoid: Too many borders Centered italic text Uneven spacing Different box sizes without alignment Use: 24px consistent spacing Alignment grid Real app screenshots High contrast headings Best Layout Ratio Section Width Left Info Panel 35–40% Right Visual Panel 60–65% This creates better balance. Printing Tips For a 3ft × 5ft flex: Design in: 150 DPI minimum CMYK colors Keep text inside safe margin Avoid very thin fonts Extra Premium Touch Add: QR code → “Download App” App Store / Play Store badges Small stadium texture background Dynamic diagonal shapes behind screenshots That will make it feel like a real startup campaign banner instead of a simple poster. Logo colors: #c9fb07 , #0a0a0a
Hyper-realistic Laptop Mockup on a Minimal White Korean Café Table
GPT Image 2· 图片
Hyper-realistic laptop mockup on a minimal white Korean café table. The laptop screen displays a Korean mobile app UI — clean dark-mode fintech interface with Korean text labels, Noto Sans KR typography, blue-and-white color scheme. Soft studio lighting, shallow depth of field, premium product photo.
Ecommerce Product Page UI
GPT Image 2· 图片
Create a realistic ecommerce product page UI screen, product gallery, price area, option selectors, review summary, purchase CTA, clean Korean shopping mall interface style, white background, soft green accents, no brand logos.
fal:75267
What Are UI Screen AI Prompts?
UI screen prompts are AI prompts for quickly shaping screen design drafts for apps and web services. In Carat, you can generate UI mockup images with models like GPT Image 2, then keep going with follow-up work such as editing the result, changing the aspect ratio, removing the background, or upscaling.
Where You'll Use It
- Mobile app screen drafts
- Web landing pages
- Dashboards and admin screens
- Onboarding and checkout flows
- UI mockups for portfolios
Why This Tag Is Useful
UI screens need clear layout, information hierarchy, color, and component placement. Since the structure shifts depending on whether it's mobile or web and what kind of service it is, starting from an example with a clear screen type and tone helps you find your direction quickly. When choosing a prompt, look first for examples that show the screen type, components, color, and style together.
Tips for Building Your Prompt
- Decide the screen type, device, and aspect ratio first.
- Spell out the key components, layout, color, and font mood in detail.
- If needed, separate out the service type, brand tone, and dark/light mode.
- After generating, check text legibility and layout alignment.
In Carat, once you run a prompt you can refine from the result you like, or continue with follow-up work like changing the aspect ratio, removing the background, or upscaling.
