Complete UI Design System for a Korean AI App (Carat AI / AI)

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.

Premium dark mode SaaS landing page design mockup. Deep navy/black background, glassmorphism cards, neon blue accent highlights. Sections: hero headline, feature grid, pricing cards, CTA button. Korean typography labels '주요 기능', '요금제', '시작하기'. Modern Korean tech startup aesthetic. 16:9.

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.

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

Design a high-end gacha summon page for a new mobile game titled [Game Title], inspired by the summon interfaces of popular mobile games. The page should present a dark, cinematic, premium ARPG aesthetic with a rich and immersive atmosphere. The featured banner character is [Featured Character]. The layout should include a dramatic character showcase in the center, layered summon UI panels, glowing visual effects, rarity indicators, currency icons, summon buttons, event banner elements, and elegant decorative details. The background and visual motifs should reflect the identity, mood, and world style associated with [Featured Character]. The overall design should feel polished, collectible, visually powerful, and similar to a top-grossing mobile game gacha screen.size 3:2.

Soft gradient illustration of [SUBJECT], smooth geometric forms, muted color palette, white minimal background, modern app branding style, premium digital art aesthetic.

Luxury optical store website hero image, premium eyewear advertising campaign for a modern optical boutique. Dark elegant black and warm brown studio background, cinematic fashion lighting, high-end editorial mood, luxury retail aesthetic. On the right side of the image, show 2 prescription eyeglass frames and 1 sunglass frame as the main focus. The frames should look premium, elegant and expensive, inspired by high-end eyewear brands such as Ray-Ban, Vogue, Ralph, Sferoflex, Emporio Armani and Armani Exchange, but without visible logos or fake brand text. Use realistic acetate, metal and transparent frame materials, clean lenses, subtle reflections, sharp product details. Leave the left 40% of the image clean and dark with soft gradient negative space for website headline text and buttons. Composition should feel professional, luxurious, modern, trustworthy and suitable for an optical store homepage. Photorealistic commercial product photography, cinematic shadows, premium black styling, soft warm highlights, crisp details, 8K, website hero banner, 16:9. No text, no logo, no watermark, no fake brand names, no distorted glasses, no messy background, no unrealistic reflections, no hands, no clutter.

Thiết kế biển quảng cáo ăn sáng các món Bánh Mì, Xôi mặn, Bún Thịt Nướng tên cửa hàng Xuân An biển quảng cáo đơn giản nổi bật dễ nhìn từ xa không nhiều màu tập trung vào chữ nổi và hình món ăn bắt mắt siêu thực

Create a polished UI screen mockup for an AI image editing tool, canvas area, side toolbar, prompt panel, before/after preview cards, modern SaaS dashboard style, Korean-friendly clean typography but no readable dense text, blue and white palette.

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.

Create a realistic high-fidelity mobile hotel booking app UI screen, 9:16. Korean travel app search results page. Layout: destination search bar, date selector, filter chips, large hotel photo cards, rating, price, amenities icons, floating map button, bottom navigation. Use premium travel palette: ivory, deep green, muted gold. Realistic UI, readable Korean text, polished app design, no watermark.

Create a realistic high-fidelity mobile food delivery app UI screen, 9:16. Korean app home screen. Layout: location bar, search bar, category chips, featured restaurant card, menu grid, bottom navigation. Use appetizing but modern palette: warm white, tomato red, soft orange. Include realistic Korean UI labels, food photos in cards, clean rounded components, mobile app design system, readable typography, no watermark.