New: GPT Image 2.5 Flare and Sunburst. Try them free with 3 images on sign-up, then 8 credits each.
Try GPT Image 2.5

AI UI Mockup Prompts

Prompts for interface concepts: dashboards, app screens, device mockups, landing pages, and information-dense page layouts. The strongest ones list screen regions in reading order, choose between a flat capture and a device mockup, and quote only the few labels that must be readable. Use the results for presentations, moodboards, and early concepts rather than production specs.

Sort by:

Showing 361–420 of 625 prompts

Backstage Pop Star Censored Selfie

Backstage Pop Star Censored Selfie

A realistic horizontal phone-camera selfie taken backstage at a concert, framed from arm's length. Exactly three people are crowded tightly together: in the center, the selfie-taker wears a black hoodie with one arm extended toward the lens; to the left, a glamorous blonde female pop star leans in wearing a sparkling silver fringed dress; to the right, a muscular male pop star leans in with short bleached hair, earrings, visible neck and arm tattoos, and a white ribbed tank top. Cover each of the three faces with a simple opaque skin-toned rectangular censor block, exactly three blocks total. The background is a dark backstage venue with metal scaffolding, stage rigging, blurred crew silhouettes, and warm concert stage lights in red, orange, pink, and purple producing bokeh and lens flare. Wide-angle smartphone selfie flash lighting, candid backstage celebrity vibe, shallow depth of field, and subtle motion blur at the outer edges. Across the bottom, overlay a large rounded white chat-style prompt input bar with a soft drop shadow, displaying the exact typed text: "[selfie of me with two pop stars backstage, phone camera, warm concert lights]" in dark gray sans-serif, followed by a thin blue vertical cursor and a blue paper-plane send icon at the far right. Tight intimate composition with the input bar covering the lower torso; no extra text, logos, or additional people.

selfiebackstagepop star
ChatGPT Dark Mode Transparent Image UI

ChatGPT Dark Mode Transparent Image UI

Realistic screenshot of a modern ChatGPT dark-mode chat interface on a pure black background. Layout and Content: - Top right: A rounded blue user message bubble containing the text: "[床に叩きつけられた1カットのピザの写真、ピザソースが飛び散っている、背景透過]" followed on the next line by "🖼️ 画像を作成する". - Center left: A square generated image preview displaying [one pepperoni pizza slice smashed with sauce splashing] isolated over a dark gray transparency checkerboard pattern. The pizza slice is tilted diagonally upward, photorealistic, glossy, and surrounded by dynamic flying droplets of red tomato sauce, melted cheese strands, and toppings, with no floor or plate visible. - Image preview controls: A small dark pill button labeled "編集" in the lower-left corner of the preview, and a small circular download/share icon in the lower-right corner. Directly below the preview are four small subtle reaction icons: copy, thumbs up, thumbs down, and an ellipsis (...). - Bottom UI: A rounded dark input field with the placeholder text "ChatGPT に質問", featuring a plus (+) icon on the left and microphone/voice icons on the right, accompanied by the small tag "高い". Centered just above or below the bar is faint gray disclaimer text: "ChatGPT の回答は必ずしも正しいとは限りません。重要な情報は確認するようにしてください。" Style: Crisp, sharp digital UI design, high-contrast dark theme, accurate typography and interface iconography, clean without browser chrome or watermarks.

chatgptui screenshotdark mode
Minimalist Industrial Tech Keynote Slide

Minimalist Industrial Tech Keynote Slide

A premium minimalist keynote presentation cover slide in an Apple-inspired industrial design aesthetic, wide 16:9 layout. A deep matte black upper background contrasts with a pale concrete-gray lower platform filling the bottom quarter. In the right-center foreground, a photorealistic floating rectangular slab resembling a thin black glass device or polished obsidian slab hovers above the surface with mirror-like reflections, chamfered chrome metal edges, and a soft elongated shadow beneath it. A tall vertical gray metallic pillar frames the far right edge. On the left side, clean white sans-serif typography on a strict Swiss grid: - A tiny top caption reading "[Apple-inspired presentation system]" - A very large bold headline reading "[Clarity At Scale]" - A medium subtitle reading "[The strongest slides behave like products.]" - Below, a short thin horizontal divider followed by a vertical list of three numbered principles: "01 | [One focal object]", "02 | Binary light / dark rhythm", and "03 | Blue only for signal", underlined by a tiny electric blue accent line. - A faint horizontal hairline guide spans near the top with the small number "01" at the upper right. - The caption "[Apple-inspired presentation system]" is repeated in small muted type at the bottom left on the gray platform. Cinematic studio lighting, expansive negative space, restrained monochrome palette with a single blue accent, blending photorealistic 3D rendering with editorial presentation layout.

presentationkeynoteminimalist
Japanese Kids English Landing Page Hero

Japanese Kids English Landing Page Hero

Vertical Japanese smartphone landing page first-view (FV) hero image design in 9:16 ratio. Clean, conversion-focused Japanese web advertising layout on a soft cream-white background with a pastel palette of pink, brown, warm yellow, mint green, and sky blue. Main Visual (Right side): A lifestyle photo of a Japanese mother in a simple cream blouse and a young child in a yellow striped top seated together at a wooden table studying English flashcards. Both faces are softly obscured with rectangular skin-tone privacy blurs, keeping hair, clothing, hands, and actions clear. On the table are exactly four English flashcards: an "apple" card held by the child, a "cat" card, a "dog" card, and a "ball" card. At the far right of the table, a tablet displays cute stickers and the phrase "[Let’s enjoy English!]". In the soft daylight background, there is an indoor plant, a wooden shelf, sheer white curtains, and pastel triangular bunting garland flags hanging across the upper right. Header & Copy (Left side & top): - Top-left logo: A small house icon with the brand name "[おうち英語きっず]" ("おうち" in pink, "英語" in dark brown, "きっず" in sky blue). - Dotted pink speech bubble badge near top left: "忙しいママでも続けやすい" with a tiny heart. - Large main headline: "[1日10分、おうちで英語が好きになる。]" with "10", "英語", and "好き" emphasized in bright pink and the rest in dark brown, underlined with a friendly yellow brush stroke. - Sub-headline below: "[30代ワーキングマザーのための 子どもおうち英語講座]". - Body copy below: "英語が苦手でも大丈夫。 動画・ワーク・声かけ例つきで、 親子で楽しく続けられます。" Benefit Cards (Lower middle): A horizontal row of three rounded pastel feature badges: 1) Pink clock icon: "1回10分" 2) Green heart icon: "ママの英語力不要" 3) Blue house icon: "自宅でOK" Call-to-Action (Bottom): - Large rounded hot-pink CTA button with white bold text "[無料体験レッスンを見る]" and a white circular arrow icon on the right. - Beneath the button: a small smartphone icon and microcopy "スマホでOK・今すぐチェック" with pink sparkle marks. Decorations: Soft rounded cloud scallops along the bottom border, smiling cute cloud icon at bottom right, subtle hand-drawn stars, dots, and hearts. Airy, trustworthy, and cheerful Japanese mother-and-child design.

landing pageweb bannerjapanese design
Mobile Game UI Mockup Grid

Mobile Game UI Mockup Grid

Design mockup of a [tower defense mobile app] displayed across a 3×2 grid of iPhones in landscape orientation. Each iPhone screen displays a distinct game state and UI screen intended for developer handoff, showing clean interface elements, gameplay HUD, menus, and in-game interactions.

ui designmobile gameapp mockup
AI Chat Interface with Kaiju Generation

AI Chat Interface with Kaiju Generation

A clean screenshot of a modern AI chat application interface on a wide landscape canvas with a very light gray-white background and ample whitespace on the right. Upper right: A pale blue rounded message bubble containing the dark navy sans-serif Japanese text "[真正面直立にしてください。]", vertically centered. Left of center: A large rounded white image card with soft drop shadows displaying an AI-generated image. Inside the card is a cute cartoon sticker-style kaiju reptile monster facing straight forward in a rigid, upright standing pose. The creature features a squat body, big rounded head, angry slanted eyes, thick black outlines, [muddy brown] spotted skin, a [warm yellow] belly, short arms with black claws, chunky legs with black toenails, and a curved tail extending left. A [red] forked tongue pokes out of its jagged mouth, with dark spots scattered over its head and body, rendered in a hand-drawn marker or watercolor texture with slightly uneven fills. Card overlay controls: Along the subtle gray gradient on the lower edge of the image card sit two semi-transparent circular buttons: a gray circle at bottom-left labeled "編集" in white text, and a gray circle at bottom-right containing a white share/upload arrow icon. Bottom toolbar: Beneath the image card, aligned to the left, a row of five minimal gray outline icons: duplicate/copy, thumbs up, thumbs down, share, and horizontal ellipsis. Style: Clean digital product UI mockup, modern software screenshot aesthetic, crisp vector interface elements, no extra watermarks or artifacts.

ai chatui mockupkaiju sticker
Flat Startup Vector Illustration

Flat Startup Vector Illustration

Flat illustration of [a person working on a laptop], startup-style vector art, bright colors, simple shapes, clean and professional design, isolated on a white background, no text.

flat illustrationvector artstartup style
Neumorphic Mobile Dashboard UI Mockup

Neumorphic Mobile Dashboard UI Mockup

neumorphic mobile dashboard UI showcase. clean soft neumorphism. clock card. weather card. shortcut buttons row. humidity slider. volume dial module. music player card. audio control row. compass card. equalizer card. bottom dock. [light w…

neumorphismui designmobile app
Annotated Mobile Manga App Screenshot

Annotated Mobile Manga App Screenshot

Vertical 9:16 mobile smartphone screenshot displaying a manga preview inside a mobile app, accompanied by an instructional hand-drawn style UI annotation. Top App Navigation Bar: A white top header bar with exactly 4 elements: a black back chevron on the far left, centered Japanese text reading "[みんな来てね(GPT ver) (1...]", a black list/hamburger menu icon toward the upper right, and a black share/export icon at the far right. A prominent bright magenta circle rings the list icon, and an oversized hot-pink arrow points diagonally upward directly toward this circled icon from the panel below. Comic Layout and Art Style: Glossy, full-color romantic fantasy shoujo anime manga art arranged in exactly 3 diagonal panels with bold black dividers. Soft convention lighting, floating sparkles, and pink heart motifs. - Panel 1 (Top Wide Panel): Depicts a bustling futuristic exhibition booth for an AI character festival with signage reading "SynClub" and "SynClub in AIキャラクターフェスティバル". In the foreground, a teenage blonde girl with twin ponytails fading to pink tips is seen from behind in a white shirt labeled "A.C.F", holding a phone. Beside her stands an elegant male elf with long silver hair, pointed ears, and ornate silver armor adorned with blue crystal accents. Exactly 1 speech bubble near the elf with Japanese text beginning "あの…". The hot-pink tutorial arrow partially overlaps the upper-right corner of this panel. - Panel 2 (Middle Diagonal Panel): Close-up shot against a dreamy pastel background. The blonde girl wears blue-purple heart-shaped sunglasses pushed onto her head. The elf in silver attire touches a glowing blue crystal pendant at his chest. Exactly 2 speech bubbles: the elf's bubble reading "実はボク…迷子になっちゃって 一緒について行ってもいいですか?" and a small pink decorative reaction text "うわ…♥". Exactly 2 beige rectangular censor boxes cover the faces of both characters. - Panel 3 (Bottom Panel): Dynamic panel filled with pink speed lines and floating hearts. The girl reaches a hand out toward the viewer, dressed in a white blouse, navy tie, blue skirt, heart sunglasses, and an A.C.F badge with a small teddy bear. The silver-haired elf watches her from the side. Exactly 2 speech bubbles: the girl saying "いいよ! 私、心愛姫(ここあ)! よろしくね! あなたは?" and the elf saying "…し…シンクラ". Exactly 1 beige rectangular censor box covers the girl's face. Two dark gray circular carousel buttons (left and right white chevrons) are centered near the bottom edge. Composition & Quality: Crisp mobile UI overlay, high-resolution anime illustration, clean saturated UI marker annotations, precise Japanese typography, no exterior watermarks.

mangaanimeui-design
Dark AI Viewer Course Website Mockup

Dark AI Viewer Course Website Mockup

A realistic dark-mode desktop screenshot of a creative AI image viewer interface displaying a generated website design mockup. The canvas is sleek charcoal gray with a minimal modern application UI. • Top Left: Header text reads "[Thought for 2m 6s]" in a small white sans-serif font beside a subtle chevron icon. • Center Preview: A prominent rounded-rectangle frame showcasing a glossy black luxury editorial landing page for Japanese online courses. Inside the website hero section, elegant typography features the small English label "[ONLINE COURSES]" above a prominent Japanese headline: "[デザインとキャリアを、次のステージへ]", followed by a subtle Japanese subheading. Below the hero, exactly 6 course cards are arranged in a 3-column by 2-row grid. Each card is dark and cinematic with thin borders, gold-gray accents, a moody image, category tag, short description, tiny circular instructor portrait, and a "[詳しく見る →]" link: - Card 1: UI design visuals with title "[本質的なUIデザインの思考とプロセス]" - Card 2: Figma interface graphics with title "[Figmaマスター講座 実践編]" - Card 3: Notebook and pens with title "[伝わる構造をつくる 情報設計の技術]" - Card 4: Web design editor graphic with title "[STUDIOでつくる ノーコードWebデザイン]" - Card 5: Editorial book branding object with title "[ブランドの価値をつくる 設計と表現]" - Card 6: Portfolio print spread with title "[魅せ方で差がつく ポートフォリオ講座]" • Preview Overlay: A small white Japanese button labeled "[編集]" sits at the bottom-left inside the preview, and a delicate white share/export icon sits at the bottom-right. • Right Sidebar: Exactly 4 vertically stacked rounded-square variant thumbnails; the top three are light minimalist web pages, while the fourth matches the dark course grid and has a vibrant glowing blue selection outline. • Bottom Left: Crisp white interface icons showing a copy icon and a horizontal three-dots menu icon. Clean screen-capture realism, precise UI padding, subtle drop shadows, and high-end Japanese editorial aesthetic.

ui mockupweb designdark mode
Brutalist Monochrome System Architecture Slide

Brutalist Monochrome System Architecture Slide

minimal monochrome presentation slide. high-contrast brutalist technical design, black background with subtle navy tint, thin white wireframe borders, zero decoration, strict grid, mono-first typography, futuristic industrial UI aesthetic.…

presentationwireframebrutalist
Clinical Skincare Landing Page Mockup

Clinical Skincare Landing Page Mockup

skincare product landing page mockup. clean, clinical, trustworthy, modern UI/UX design. white. [light blue]. navy blue. [DERMA CALM]. brand logo for [DERMA CALM]. navigation menu. ABOUT. PRODUCT. FEATURE. INGREDIENT. VOICE. Q&A. action bu…

landing-pageskincareweb-design
Japanese AI Report Correction UI Mockup

Japanese AI Report Correction UI Mockup

A clean, realistic Japanese SaaS web application UI mockup presented as a large rounded white modal window centered on a neutral light-gray background, horizontal composition. The modal features subtle light-gray borders, soft drop shadows, and a clean two-panel layout separated by a delicate vertical divider line. Top and corner elements: A dark circular close button with a white "×" icon in the top-right corner. Two small floating dark pill buttons overlapping near the bottom-left corner labeled "+ ALT" and "編集". A tiny snippet of a dark rounded bar cropped at the bottom-right corner. Left Panel (Input Area): - Top title: "[レポート添削AI]" with subtitle "AIがあなたのレポートを改善します" - Section label: "レポートを入力してください" - Large white textarea card containing Japanese text discussing youth social media usage, with a subtle character counter "128/3000" in the bottom right - Prominent rounded purple primary CTA button labeled "添削する", with tiny gray helper text below reading "AIによる添削開始" Right Panel (Results Area): - Header title: "AIによる添削結果" - Score row with label "総合評価" and a bright green rounded pill badge reading "B+" - Section titled "改善ポイント" with exactly 3 checklist items, each marked with a small green circular checkmark icon: 1. "具体例があると説得力が増します" 2. "データや根拠を加えるとより良くなります" 3. "結論を明確にすると締まりが良くなります" - Section titled "改善例" followed by a block of readable Japanese body text beginning with "近年、SNSの利用者数は増加しており、2023年の総務省の調査によると、10代の約90%がSNSを利用している。" Visual Style: Apple-inspired Japanese product design, clean modern sans-serif typography, generous white space, soft diffused studio lighting, pixel-perfect high-resolution digital screenshot aesthetic. No people, no illustrations, no browser frames, no phone mockups.

ui mockupsaas designjapanese ui
Minimalist Centered Geometric Shape

Minimalist Centered Geometric Shape

A simple [blue circle] centered on a plain [white] background. Minimalist graphic, clean flat design, no text, no watermark.

minimalistgeometric shapeflat design
AI Anime Segmentation Tool Interface

AI Anime Segmentation Tool Interface

Widescreen 16:9 desktop browser screenshot of an AI image-generation and segmentation web interface. At the top, light gray browser chrome with faint tabs, small extension icons, and an address bar reading "[Imagine - Grok]". The main canvas is clean white with a subtle back arrow at the upper-left of the content area and two small stacked thumbnail previews along the far-left margin. Main Image (Center-Left): A large, crisp 1990s shoujo anime-style illustration featuring [a romantic school anime couple under cherry blossoms]. The scene depicts two characters: a tall young man with short brown hair in a [dark navy] Japanese school uniform jacket, white collared shirt, and red necktie; and a cheerful young woman with long [dark blue] hair in a high ponytail tied with a large blue ribbon, dressed in a navy sailor-style school uniform with a white collar. She hugs him enthusiastically from the side with arms around his shoulders, smiling with happy closed eyes, while he smiles gently with a faint sweat drop on his cheek. They are outdoors in a [pink cherry blossom park] with a green metal fence, green grass, blooming branches, and drifting sakura petals. The illustration has glossy cel shading, vibrant highlights, and a slim border. Right Sidebar: A pale gray vertical panel titled at the top with 「セグメント」 and a small eye icon. A segmentation list displays exactly 17 detected items, each with a tiny cropped thumbnail and legible English text: 1 young man, 2 young woman, 3 brown hair, 4 blue hair, 5 blue hair, 6 blue hair, 7 blue hair ribbon, 8 school uniform jacket, 9 school uniform jacket, 10 school uniform jacket, 11 school uniform jacket, 12 white collared shirt, 13 red necktie, 14 red necktie, 15 red necktie, 16 green metal fence, 17 cherry blossoms. Small expand/collapse chevrons appear beside grouped entries. Bottom of Sidebar: Four subtle action rows with gray icons and Japanese text labels: 「確定編集」, 「再生成」, 「動画を作成」, and 「クロップ」. Style & Constraints: Flat, sharp, modern UI chrome surrounding a high-resolution, rich anime illustration. Keep all UI text and labels clear, legible, and uncorrupted. No extra speech bubbles, watermarks, or stray characters.

ui screenshotanime artsegmentation tool
Gaming Streamer Live Broadcast Interface

Gaming Streamer Live Broadcast Interface

live stream interface mockup. young East Asian woman, long dark wavy hair, gentle smile, silver clover necklace, wired earphones. Top Left Profile. Top Right Stats. Chat Overlay. Input Bar. [white lace-trimmed camisole with a small blue bo…

livestreamui mockupgamer girl
ChatGPT Mobile App Photo Result Screenshot

ChatGPT Mobile App Photo Result Screenshot

A realistic vertical smartphone screenshot of the ChatGPT mobile app displaying an image-generation result within a clean iOS interface, 9:16 aspect ratio. Top status bar: shows 9:33 on the left, and cellular signal bars, Wi-Fi icon, battery percentage reading 51, and battery outline on the right. Top navigation row contains a hamburger menu icon on the left, a compose/edit icon near the upper right, and a three-dot menu icon on the far right. Chat feed: - One light-gray rounded user message bubble aligned slightly right containing Chinese text: "[Masochist系男友视角斜侧手持手机拍摄风格,风格清新干净,一种随性松弛氛围感,随手记录。绝美,表情随机;ar9:16\n\n连续10张单独图]". - Below the bubble, a small gray section label reading "思考". - Below the label, a large generated photo card with rounded corners. Generated photo content: A casual handheld candid portrait of [a young East Asian woman with long dark hair] sitting indoors on a green upholstered chair, smiling warmly at the camera. She wears [a beige ribbed tank top and loose white pants]. Shot from a slightly high, tilted boyfriend-perspective smartphone angle with soft daytime window light. Setting is a cozy apartment living room with dark wood flooring, sheer white curtains, and a dining table in the background. Overlay controls & carousel: - On the main photo card, two translucent circular overlay buttons near the bottom: left button labeled "编辑" and right button showing an upload/share arrow icon. - Beneath the main photo, a horizontal strip of exactly 8 small rounded preview thumbnails showing alternate portrait variations of the same woman, with the final thumbnail subtly highlighted. Bottom bar: A rounded input bar showing a plus icon, placeholder text "询问 ChatGPT", microphone icon, and a blue circular voice button. Black iOS home indicator at the very bottom.

chatgptmobile appios interface
ChatGPT History Infographic Mobile Screenshot

ChatGPT History Infographic Mobile Screenshot

A realistic vertical smartphone screenshot of a mobile ChatGPT conversation displaying an AI-generated Chinese history educational infographic about [安史之乱]. Canvas and layout: 9:16 portrait mobile screen, clean iOS-style light interface, authentic mobile app capture with soft drop shadows and rounded UI elements. Top status bar and navigation: iPhone status bar showing time “8:47”, a small user icon, black Dynamic Island with a tiny orange dot, cellular/Wi-Fi icons, and a battery indicator reading “16”. Below, floating navigation controls: left circular menu button with a small blue notification dot, right rounded pill with a compose icon, and a three-dot menu icon. Chat stream: Upper-right light-blue user message bubble reading: “生成图片:全面讲一讲\n安史之乱”. Directly beneath it, an AI-generated image card with rounded corners. Under the card on the left, two small action icons (share/upload and ellipsis). A white circular share button overlay is at the lower-right corner of the image card. Infographic card content: A dense, horizontal educational infographic poster in an antique parchment and ink-wash historical aesthetic. Beige aged paper background, dark red section banners, weathered borders, and a dramatic top banner painting depicting a burning Tang dynasty fortress, billows of smoke, soldiers, war banners, and a dark warhorse silhouette. Upper-left brush calligraphy title: “安史之乱”, with a smaller subtitle regarding the Tang dynasty turning point from prosperity to decline. All text is in legible Chinese. Infographic sections: 1) “什么是安史之乱?” overview block, 2) “主要人物” row with 5 illustrated portraits labeled An Lushan, Shi Siming, Tang Xuanzong, Tang Suzong, Yang Guifei, 3) “叛乱的原因” with 4 numbered causes, 4) “叛乱的过程” vertical timeline with 6 dated milestones, 5) central “叛乱形势图” strategic map of Tang China with red and black tactical movement arrows, 6) “重要战役与事件” column with 4 battle thumbnail illustrations, 7) “叛乱的影响” block with 4 icon-and-text items, 8) “历史意义” with 3 icon-and-text items, 9) “后世评价” with 3 historical quote cards. Bottom slogan: “以史为鉴,方知兴替。” with a subtle grayscale battlefield silhouette border. Bottom input bar: White pill composer with a plus icon, placeholder text “询问 ChatGPT”, microphone icon, and a blue circular voice-wave button. Constraints: No extra chat messages; all infographic content strictly inside the rounded card; authentic historical Tang motifs.

chatgptinfographicui screenshot
AI Business Character Sheet Gallery View

AI Business Character Sheet Gallery View

A wide 16:9 screenshot-style gallery interface displaying generated variations of a modern business illustration sheet, set against a dark black application background with thin gutters between tiles. At the top, a rounded dark prompt bar contains small white monospaced text showing a snippet: [{"size": "1792x1024", "prompt": "A modern illustration sheet displayed on a soft light grey background. The illustrations are arranged in a structured grid layout of 2 rows with 6 figures per row (12 figures total), ..."}]. Below the prompt bar, exactly 16 rectangular thumbnail tiles are arranged in a clean 4x4 grid with slightly rounded corners and narrow dark gaps. In the bottom-right corner of several tiles, there is a subtle translucent circular play/arrow preview icon. Each tile features a soft light gray background displaying a miniature variation of the character sheet. Inside every tile, exactly 12 stylized 3D business figures are organized in 2 rows of 6 columns. The diverse professionals (varying in age, gender, and skin tones) wear contemporary office attire—navy suits, gray blazers, teal trousers, skirts, sweaters, and dress shoes. They interact with corporate props including laptops, office desks, ergonomic chairs, clipboards, whiteboards, presentation flip charts, and cardboard boxes, posed in handshakes, standing discussions, walking, and seated computing postures. Each figure is cleanly isolated as a distinct asset vignette. Style: Polished semi-realistic 3D character design, soft studio illumination, gentle ground shadows, corporate aesthetic with a muted color palette of navy blue, cool gray, white, teal, and tan accents. Clean UI mockup aesthetic without extraneous logos or watermarks.

ui-mockupgallery-view3d-characters
Mobile AI Chat Screenshot with Transformer Infographic

Mobile AI Chat Screenshot with Transformer Infographic

A realistic smartphone app screenshot in portrait orientation displaying an AI chat interface in Japanese on a clean white background with an iOS-style status bar and navigation header. At the top, include a hamburger menu icon, blue text reading "Thinking" with a right chevron, a new chat edit icon, and a three-dot menu. Below, show a rounded light-gray user chat bubble containing Japanese text: "[モーフ感浮遊感のある感じ+かつ反射するダストのレイヤーを加えて。テキスト多め、重要ーアーキテクチャは可読性高め、精細で細かいコードや数式の可読性は二の次のデザインアクセント&アートエレメンツで。]". Beneath the bubble, display small light-gray text reading "[Thought for a couple of seconds]", followed by a medium gray line reading "[画像が作成されました]". In the lower portion, render a rounded-corner generated image thumbnail: a glowing neon sci-fi holographic infographic poster detailing the Transformer neural network architecture set against a cosmic deep-space background filled with purple, magenta, blue, and cyan light trails, floating crystals, and luminous dust particles. The poster features a large title "[TRANSFORMER]" with subtitle "[THE ARCHITECTURE]", two central glowing modules labeled "[ENCODER LAYER]" and "[DECODER LAYER]" connected by data flow arrows, and surrounding tech panels labeled "[KEY INNOVATIONS]", "[WHY TRANSFORMERS?]", "[POSITIONAL ENCODING]", "[SELF-ATTENTION MECHANISM]", and "[MULTI-HEAD ATTENTION]". Token strips at the base show "[[CLS] the cat sat on the mat [SEP]]". At the bottom center of the image thumbnail, display a floating white circular download button with a black downward arrow.

ui-ux-designmobile-appchatgpt-ui
Beauty Mobile Landing Page Triptych

Beauty Mobile Landing Page Triptych

A polished promotional mockup featuring 3 tall smartphone screens side by side in a vertical triptych layout, each displaying a modern beauty brand landing page for a lip cosmetic product. Minimal, premium editorial aesthetic designed for a mobile web design showcase. - Left Panel: Soft lavender-to-blush gradient backdrop. Above the phone, small elegant serif typography reads "[Fresh Pout.]". The black-framed phone displays a cream and blush UI for "[Kosas]" featuring a cropped beauty close-up, the headline "Lips in their fullest expression." with "fullest" in an italic serif font, a rounded dark CTA button, a strip of 3 lip thumbnails, benefit tabs reading "Plumps", "Tingles", and "Shines", and a row of 5 shade icons. - Middle Panel: Lavender-to-deep-violet gradient backdrop. Above the phone, serif text reads "[Claude Code]". The phone shows a bold typographic layout with a portrait crop, large stacked black title "LIP PULSE." with pink script "is here." beneath it, a rounded dark button, a dark module reading "Lips in their fullest expression.", and a 2x3 product shade grid. - Right Panel: Dark navy textured backdrop. Centered above the phone, white monospaced text reads "[GPT Images 2.0]". The phone screen displays a pink-toned e-commerce layout featuring the brand name "[Kosas]", title "The Lip Pulse", an angled pink lip gloss tube, 6 shade swatches, and a promotional section. Composition: Symmetrical 3-panel showcase, clean spacing, high-end cosmetic campaign art direction, soft shadows, sharp device frames.

mobile uiweb designbeauty mockup
Dark Mode Software UI Mascot Editor

Dark Mode Software UI Mascot Editor

A realistic software screenshot of a dark-themed PowerPoint-style image editing modal in Japanese. Layout and interface: A 1024×768 landscape screenshot with a dark charcoal modal dialog centered over a faintly visible presentation slide background, featuring subtle rounded corners and a soft drop shadow. At the top center, the zoom level indicates "42%". Top bar: Left side features the Japanese text "画像の編集" with small undo and redo arrow icons; right side features a small connected-dots network icon and an "X" close button. Below the top bar, a centered horizontal floating toolbar contains 6 dark rounded-rectangle buttons with icons and Japanese labels: "補正", "トリミング", "背景", "領域の選択", "テキスト". Main canvas: A central square work area outlined with a thin purple border, filled with a black and dark-gray checkerboard transparency grid pattern. A dark toast notification floats near the top of the canvas with a green checkmark icon, reading "背景が削除されました。" with a small dismiss "X". Subject: Centered on the checkerboard canvas is [a white kawaii rabbit] mascot drawn in a cute sticker-like vector art style with a thick [pale pink] outline. It has an oversized rounded head, two long upright ears with pink inner ears, glossy brown eyes, oval pink blush cheeks, and a happy open mouth. It holds [a mint-aqua heart] in front of its chest with two small rounded paws, featuring soft glossy highlights and no harsh drop shadows. Controls and footer: On the right edge of the work area, two small vertical feedback buttons: thumbs up above thumbs down. At the bottom center of the modal, small muted Japanese disclaimer text reads "AI 生成コンテンツは間違っている可能性があります。" Bottom right shows two action buttons: an orange "保存" button and a dark gray "キャンセル" button. Visual style: Crisp, authentic Microsoft-style dark UI typography, clean vector sticker art, and realistic software interface rendering.

ui mockupsoftware screenshotjapanese ui
Steam Store Page Desktop UI Mockup

Steam Store Page Desktop UI Mockup

desktop application UI mockup. dark mode. game library. [ハーフライフ]. [『ハーフライフ』は、Valve が開発した伝説的な一人称視点シューティングゲームです。ブラックメサ研究施設での実験が失敗し、異次元とのポータルが開いてしまった後、科学者ゴードン・フリーマンとして生き延び、脱出を目指します。]. システム要件. 購入する. 言語. Steam client. Steam. 表示. フレンド. ゲーム. ヘルプ.…

steamui mockupgame store
Mobile Short Video App Interface Screenshot

Mobile Short Video App Interface Screenshot

mobile short-video app interface screenshot. [turquoise alpine lake, green pine forests, jagged snow-capped mountains, blue sky with fluffy white clouds]. [woman with long dark hair wearing a black baseball cap backwards and a white shirt,…

short-videomobile uiapp interface
Multi-Frame Banner Ad Storyboard

Multi-Frame Banner Ad Storyboard

A digital marketing layout featuring [four frames] of a [300x250] banner ad for [Ozempic], showing sequential promotional storyboards with clean typography, product visuals, and branded graphic design elements.

banner adadvertisingmarketing
Beauty Cosmetics Landing Page Mockup

Beauty Cosmetics Landing Page Mockup

landing page hero section mockup. beauty and cosmetics. [soft pink]. gold. [LUMEA BEAUTY]. 特徴. 成分. お客様の声. 使い方. FAQ. 今すぐ試す. [鏡を見るたび、うるおう透明感。]. 乾燥・くすみが気になる肌に。美容成分を贅沢に配合した、毎日のための集中保湿美容液。. 敏感肌OK. 高保湿. 朝晩使える. 美容成分をしっかり届ける. ハリ・ツヤのある印象へ. 続けやすいシンプ…

landing pageui designcosmetics
Luxury Fashion Brand About Page Layout

Luxury Fashion Brand About Page Layout

Luxury fashion brand 'About Us' storytelling page editorial layout, featuring an alternating timeline arrangement with imagery and refined typography blocks. Layout structure: - Section 1 (Hero Image): A young woman in her early 20s with almond-shaped eyes, long defined lashes, high cheekbones, subtle V-line jaw, and luminous porcelain glass skin with soft rose blush and glossy cherry lips. Long wavy light brown hair with soft espresso highlights cascades over her shoulders. She wears a tailored cream silk power suit with wide-leg trousers and a delicate layered silver necklace, seated at a marble cafe table beside a steaming cup of matcha latte and a designer clutch. Subtle motion blur as she turns with a gentle head tilt and contemplative expression. - Section 2 (Text Block): "[Our Journey: A fusion of heritage and innovation, crafted for the modern woman.]" - Section 3 (Beauty Macro): Close-up beauty portrait highlighting dewy glass skin texture and delicate jewelry. - Section 4 (Text Block): "[Commitment to quality, sustainability, and empowering women through fashion.]" - Section 5 (Fashion Motion): Full-length editorial shot capturing the cream silk suit silhouette in motion. - Section 6 (Closing Text): "[Designed in Paris, inspired by the world.]" Photography and style: Hasselblad X2D, 85mm f/1.4 lens aesthetic, soft diffused golden hour lighting, shallow depth of field, Parisian chic editorial, warm and cool balanced color palette. Elegant handwritten signature "[Willy]" placed subtly in the bottom right corner.

luxury brandabout pageeditorial layout
AI Landing Page UI Design

AI Landing Page UI Design

AI-assisted landing page UI design mockup, showing Nano Banana and Genspark generating [multiple] types of sales pages, visually highlighting [automation and algorithmic optimization], modern clean web interface.

landing pageui designweb design
Minimalist Vertical Gradient Wallpaper

Minimalist Vertical Gradient Wallpaper

A [9:16 vertical] wallpaper design with a clean and simple minimalist composition. Features a [soft, smooth gradient] transitioning smoothly from top to bottom. Preserves organic negative space near the top and bottom of the frame. Sharp details, no blur effects, uncropped framing.

wallpapergradientminimalist
Retro Skeuomorphic Icon Set

Retro Skeuomorphic Icon Set

A set of icons representing [vintage electronic equipment] designed in a [retro skeuomorphic style], neatly arranged in a grid with icon names labeled directly below each icon.

icon setskeuomorphicvintage electronics
Japanese TV Show Telop Caption Sheet

Japanese TV Show Telop Caption Sheet

Graphic design sheet showcasing Japanese TV show telop (caption) typography samples, arranged on a neutral [gray] background. The layout features multiple distinct caption styles with authentic Japanese text: a main heading in thick, legible rounded Gothic style; an emphatic variety-show telop in ultra-bold Gothic with red letters, bold white outlines, and bright yellow drop shadows; a supplementary news-style informational caption in clean professional UDP Gothic; and a handwritten memo style in rough marker script. Vibrant color palette using bold red, yellow, blue, and white, with multi-layered black and white outlines, drop shadows, and fluorescent highlighter glow accents. Small metadata label tags such as "[Free Font]" and "[Usage Example]" appear beside each sample. Clean, high-impact broadcast graphic composition.

teloptypographyjapanese tv
Pastel Running App Three-Screen UI Mockup

Pastel Running App Three-Screen UI Mockup

mobile fitness app UI mockup. clean modern pastel app design, soft beige and warm white surfaces, muted sage green accents, rounded cards and buttons, subtle shadows, thin minimalist line icons, friendly playful branding with a [sloth] mas…

ui-uxmobile appfitness tracker
Liquid Glass 3D UI Button Design

Liquid Glass 3D UI Button Design

A professional, modern UI design featuring a prominent 3D liquid glass style UX button positioned at the bottom, framing the dark-colored text "[Nano Banana Pro + Adobe Firefly]". Sleek fluid glass reflections, subtle optical refraction, smooth rounded edges, clean typography, harmonious and minimalist digital product aesthetic.

ui designux buttonliquid glass
Chinese Music Streaming Player UI

Chinese Music Streaming Player UI

A high-fidelity Chinese music streaming app player interface screenshot in mobile portrait orientation. Modern dark-mode UI with a background derived from a diffused, blurred version of the album cover's color palette. A prominent square album cover is centered with rounded corners and a soft drop shadow. Interface layout: - Top status bar displaying time "[18:26]" - Top navigation bar featuring a back arrow on the left, centered title "[正在播放]", and a more-options icon on the right - Song metadata: song title "[海边的晚风]", artist "[林秋]", and album name "[夏夜实验室]" - Lyrics section displaying 5 to 7 scrolling lines with the current line clearly highlighted - Playback progress bar with timestamps "[01:42]" and "[04:18]" - Playback control row with shuffle, previous track, play/pause, next track, and repeat icons - Action bar with like, comment, download, add to playlist, and share icons - Bottom bar with device casting and playback queue icons Style: Production-ready mobile application UI, realistic dark mode layering, refined typography, and subtle interface shadows.

music playerui designapp interface
Minimalist Luxury Landing Page Design

Minimalist Luxury Landing Page Design

A screenshot of a minimalist, premium website landing page showcasing the products from the reference photo by [brand name]. Clean modern UI layout, elegant typography, generous whitespace, sophisticated color palette, and high-end digital presentation.

landing pagewebsite designui ux
Minimalist Diagonal Blue Gradient Wallpaper

Minimalist Diagonal Blue Gradient Wallpaper

A simple abstract full-frame gradient wallpaper. A smooth, soft-focus blue color field with no text, no objects, no visible hard shapes, and no borders. The composition transitions from [near-black navy] in the upper-left corner into [deep cobalt blue] across the center, shifting into brighter azure and electric blue toward the right, with a [pale icy azure] glow near the lower-right area. Organic and subtly uneven blending resembles a blurred luminous surface, with subtle diagonal flow from dark top-left to radiant bottom-right. Clean digital rendering, minimal noise, sleek modern tech aesthetic.

gradientwallpaperabstract
Dark Mode Developer JSON Diff Tool UI

Dark Mode Developer JSON Diff Tool UI

A dark-mode desktop app UI mockup for a JSON diff tool named [Tilted Diffs], displaying an API response comparison titled [API Response — Checkout v2]. Canvas & Style: 16:10 desktop screenshot with a macOS-style app window floating on a dark bluish gradient background. Features subtle soft drop shadows, rounded corners, thin borders, and a polished developer-tool SaaS aesthetic. Crisp vector-like UI rendering with cobalt-blue accents, dark navy backgrounds, muted gray text, and perfectly aligned typography. No people, no watermarks, no external browser chrome. Layout: Divided into four main areas: a left sidebar, a top toolbar, and three vertical code editor panes side-by-side. The leftmost editor pane is selected with a glowing bright blue focus border. The middle pane displays inline colored diff highlights. The rightmost pane is narrow and partially visible, representing an extra comparison column. Left Sidebar: Top left features macOS traffic-light window controls (red, yellow, green circles). Below the app name is a search field with placeholder "Search diffs…" and a keyboard shortcut hint. Below that, an active list of 8 saved diff items with small document icons and timestamps: 1) "API Response — Checkout v2" with "Today, 10:24 AM" (highlighted in blue as active), 2) "User Profile — Public API" with "Yesterday, 4:18 PM", 3) "Orders Endpoint — v1 vs v2" with "May 20, 2025, 9:14 AM", 4) "Product Catalog — EU Region" with "May 19, 2025, 2:47 PM", 5) "Auth Response — SSO" with "May 18, 2025, 11:03 AM", 6) "Billing Summary — Q2" with "May 17, 2025, 3:22 PM", 7) "Webhook Payload — Stripe" with "May 16, 2025, 10:11 AM", 8) "Search Results — Relevance" with "May 15, 2025, 5:35 PM". At the bottom is a prominent blue "+ New Diff" button and a settings gear icon. Top Toolbar: Left side shows "API Response — Checkout v2" with an edit pencil icon. Center features a segmented tab control: active "Editors" tab in blue and inactive "Diff" tab. Right side includes compact shortcut pills: "⌘T add column", "⌘D toggle diff", and "⌘← / ⌘→ move focus". Editor Panes: Monospaced code font, line numbers (around 32 lines visible), JSON syntax highlighting, dark navy editor background, and thin borders. Pane tabs: left "source.json" with icon and menu; middle "target.json" with icon and menu; right "more.json" partially clipped. Each full pane has a bottom status bar showing "Ln 1, Col 1", "Spaces: 2", "UTF-8", "LF", and "JSON". Code Content: Shows order checkout JSON data. Left source has status "pending", totalAmount 129.99, Wireless Headphones unitPrice 99.99, Travel Case qty 1 at 30.00, standard shipping. Middle target shows diff row highlights with red removed lines, green added lines, and yellow modified lines: timestamp changed, version v2, status "confirmed", totalAmount 139.99, Wireless Headphones unitPrice 109.99 with 10.00 discount, Travel Case qty 2, and express shipping.

ui mockupdeveloper tooldark mode
Mac Desktop Terminal World Sim TUI

Mac Desktop Terminal World Sim TUI

A realistic screenshot of a [mac] desktop interface displaying a large open terminal window. Inside the terminal, an expressive [TUI] layout is actively running a [world sim], featuring detailed text-based graphs, ASCII data visualizations, system metrics, and command outputs.

terminaltuimac desktop
Futuristic Neon Business Infographic Promo Banner

Futuristic Neon Business Infographic Promo Banner

A futuristic Japanese promotional hero banner for a digital product about business infographic and slide prompts, in a cyber-luminous neon tech aesthetic. Wide 16:9 composition set against a deep black background featuring a subtle dark blue grid texture, glowing electric blue light streaks, and soft green energy waves along the bottom right. Polished UI lighting and modern SaaS marketing visual design. Top header: - Top left: glowing green and white ChatGPT logo with text "ChatGPT". - Upper center: rounded glowing blue capsule badge labeled with a small "NEW" tag and main text "[GPT Images 2.0]". - Top right: green rounded rectangular app badge displaying the note logo and text "note". Left section (Headline & Typography): - Small green outlined pill badge reading "ChatGPT Images 2.0 特化". - Very large bold white headline on two lines: "ビジネス図解・スライド" and "プロンプト". - Next to the second line: an oversized glowing electric-blue number "[50]" with bright neon rim lighting and smaller white text "選" at its lower right. - A thin horizontal blue neon accent line below the headline. - Japanese subheadline underneath: "プロ品質の図解が、秒で完成する。" with "秒で" highlighted in bright neon blue and the rest in crisp white. Right section (UI Card Previews): - Exactly three floating, slightly tilted dark UI cards with bright neon blue outlines and glossy glassmorphism reflections. - Top card: organization chart template titled "01 組織体制図のテンプレート", showing a top CEO node, 4 department nodes below, and 8 member nodes along the bottom row. - Middle card: analytics dashboard template titled "01 データ分析・グラフ図解のテンプレート", displaying green badge text "+32.5%", a vertical bar chart with 6 bars labeled "1月" through "6月", and a 4-part donut chart legend. - Bottom card: workflow template titled "01 ビジネスプロセス図解のテンプレート", showing a 5-step horizontal icon pipeline with arrow connectors and Japanese sub-labels. Bottom bar: - Exactly 4 feature blocks separated by thin vertical lines, each with a glowing circular neon icon and two-line white Japanese text: 1. Lightning icon: "すぐに使える / プロンプト50選" 2. Target crosshair icon: "ビジネス特化の / 高精度テンプレート" 3. Clock icon: "時短&高品質 / 作業効率を最大化" 4. Shield icon: "商用利用も安心 / そのまま使える" Clean geometric sans-serif typography, crisp layout hierarchy, zero human figures, pure graphic design and UI elements.

promo bannerlanding pagecyberpunk ui
Augmented Reality Food Shopping Interface

Augmented Reality Food Shopping Interface

POV shot inside a modern supermarket aisle, hands holding [a small gourmet dessert with cream and berries]. A futuristic augmented reality (AR) holographic interface floats around the item, displaying [calories, sugar content, fats, freshness score, expiry date, and recipe suggestions] in sleek, semi-transparent glassmorphism panels. Soft depth of field with blurred grocery shelves in the background, cinematic ambient lighting, photorealistic, modern tech aesthetic.

augmented realityar uisupermarket
Minimalist Tech Banner Vector Illustration

Minimalist Tech Banner Vector Illustration

A stylized, minimalist vector illustration of [a person working on a laptop], surrounded by abstract geometric shapes. Vibrant color palette, clean lines, flat graphic design suitable for a modern website banner, Freepik stock vector style.

vectorminimalistwebsite banner
AI Image Generation Web App Mockup

AI Image Generation Web App Mockup

UI/UX web application mockup. dark mode. [New: GPT Image 2 is here!]. Our next-generation image model, built for greater realism, better typography, and deeper world knowledge. Apply a style to an image. Discover new features. My images. […

ui designweb appdashboard
Agricultural Innovation Magazine Cover Mockup

Agricultural Innovation Magazine Cover Mockup

Premium editorial magazine cover mockup about agricultural innovation, incorporating the mobile app UI from the reference photo displayed clearly on a smartphone screen. In the foreground, a vineyard worker holds the smartphone in natural daylight. In the background, sunlit vineyard rows stretch toward mountains with a few farm workers visible in soft focus. Elegant editorial layout with an earthy palette of deep green, cream, and warm soil tones. Typography and cover layout in Spanish: - Large top masthead: "REVISTA CAMPO FUTURO" - Thin top strapline: "Especial Viñas de Chile | Innovación agrícola | Abril 2026" - Subtitle under masthead: "Agricultura, innovación y gestión rural" - Left green tag: "TECNOLOGÍA AGRÍCOLA" - Bold main headline: "La app con IA que está revolucionando el campo", followed by a brief deck about Kimün replacing traditional field notebooks with real-time vineyard management - Circular callout badge highlighting Kimün as an AI-powered smart field notebook - Two bottom teaser inset photos: one close-up of hands holding the phone in the vineyard with "p.18" and a caption on mobile alerts; one of 3 teammates reviewing the app together with "p.24" and a caption on connected field teams and instant costs - Right column with 3 article teasers and icons: smart field notebooks replacing paper (p.30), data-driven vineyard efficiency (p.36), and water management 4.0 irrigation (p.42) - Bottom bar with categories "AGRICULTURA", "FRUTALES", "VIÑAS", "GANADERÍA", "SUSTENTABILIDAD", a realistic barcode, and a small price tag.

magazine covermockupagritech
Anime Live2D Character Model Sheet Chat UI

Anime Live2D Character Model Sheet Chat UI

Vertical smartphone screenshot of a minimalist AI chat interface on a white background with iOS-style UI elements. Top status bar shows “2:50” on the left with a muted bell icon, and cellular signal, Wi-Fi, and a black battery indicator reading “95” on the right. Below the status bar, four rounded floating controls appear: a hamburger menu button, a white pill labeled “Thinking” in blue text, a pencil edit icon, and a three-dot menu button. Upper right area features a small chibi sticker of an anime girl sitting, above a rounded light-gray chat bubble containing the text: “[画像をLive2Dに使う用に三面図にして]”. Below the chat message, a large generated model reference sheet is embedded on a white card: three evenly spaced full-body turnaround views of [unnamed blonde twin-tail girl] with pastel blonde twin tails fading into lavender tips, turquoise eyes, a ruffled sleeveless white top, and a mint turquoise skirt. The views are labeled from left to right as “[正面図]” (front), “[側面図(右向き)]” (right side profile), and “[背面図]” (back), with faint horizontal guide lines and height markers along the left. Floating at the bottom of the card are two buttons: a white rounded button reading “編集する” and a circular share button. Bottom reaction bar features thumbs up, thumbs down, and ellipsis icons. Crisp vector UI aesthetics, soft drop shadows, clean pastel anime character art.

live2dcharacter designturnaround sheet
Minimalist Document and Layout Prompts

Minimalist Document and Layout Prompts

A detailed printed layout document: 1. A [campus daily newspaper] about [AI education] 2. A menu for a [Teochew restaurant] 3. A page from the [PEP version primary school third-grade Chinese] textbook 4. A page from a traditional Chinese almanac for [April 18, 2026]

document layoutnewspaper layoutrestaurant menu
Japanese SaaS Service Landing Page Mockup

Japanese SaaS Service Landing Page Mockup

full-page Japanese landing page design mockup. Header. Hero. Hero benefit cards. Introduction card. Metrics row. ご利用の流れ. カケル スタジオが選ばれる理由. お客様の声. Primary CTA banner. Input form sample. UI component kit. Service feature cards. Footer. tall m…

ui-designlanding-pagesaas
PowerPoint Smiley Face Shape Graphic

PowerPoint Smiley Face Shape Graphic

The iconic smiley face shape from the PowerPoint shape insertion tool. An extremely minimalist 2D graphic figure featuring a simple yellow circular face with a clean outline, blank empty round eyes, and a simple curved upturned line mouth. Centered composition on a clean [white] background, flat vector icon style, stark and basic minimalism.

smiley facepowerpoint shapeminimalist
Anti-Gravity Lamp Website Mockup

Anti-Gravity Lamp Website Mockup

website landing page mockup. dark mode, modern, sci-fi interior. dark teal. [cyan]. cool white. charcoal. crescent moon icon with dots. [GraviLune]. 特徴. 使い方. テクノロジー. デザイン. よくある質問. 今すぐ購入する. left. [気分に合わせて、部屋の重力をデザインする。]. 集中したい朝は軽く、眠りたい夜は深く。…

ui-uxlanding-pagedark-mode
Comprehensive UI Design System Layout

Comprehensive UI Design System Layout

A comprehensive [UI design system] showcase based on the visual style of the reference image, featuring components for [web, mobile, cards, controls, buttons, and others]. Included is a complete web page layout displaying harmonious typography, consistent color palettes, iconography, and structured interface elements in a clean presentation.

ui designweb designdesign system
Strawberry Dessert AB Evaluation UI

Strawberry Dessert AB Evaluation UI

A clean desktop web-app A/B comparison screen showing two generated fashion-food images side by side, styled as an AI image evaluation interface. Canvas and Layout: Wide 16:9 view, clean white background, light gray app chrome, and centered content. A narrow left vertical toolbar features exactly 6 visible items: an OpenAI swirl logo at the top, 4 simple black outline navigation icons stacked below it, and a small user avatar at the bottom. At the top center, Japanese question text reads 「どちらの画像が良いですか?」. At the top right, a small link reads 「スキップする」 alongside a share icon and a three-dot menu icon. Main Comparison Area: Exactly two rounded-corner image cards placed side by side with a narrow white gap. The left card has a small black rounded square labeled "1" at the lower-left corner. The right card has a small black rounded square labeled "2" at the lower-left corner with a small circular download icon overlay. Left Card: A pastel strawberry dessert café scene featuring [a young woman with messy dark brown hair in a high bun, pink hair clips, rosy makeup, and a soft pink outfit] sitting at a table with a spoon, looking at a huge strawberry shaved-ice parfait in a glass bowl with white whipped cream, strawberry syrup, and whole strawberries. Flat kawaii illustration overlays include exactly 5 floating strawberries, 1 chibi strawberry-headed mascot on the right, 1 bunny dessert mascot near the bottom, tiny sparkles, and the text "Berry Snow" near the upper right. Palette of blush pink, white, strawberry red, and soft teal. Right Card: The same young woman seated sideways at a café table in a fluffy pink sweater, teal wide-leg pants, and pink sneakers, facing a giant strawberry shaved ice. Overlays include a large pink line-art anime girl interacting with the dessert, exactly 6 floating strawberries, 1 strawberry bowl at lower right, 1 splashing syrup doodle at bottom center, 1 cream-topped mascot, and pink brand text "FROSTBERRY" at upper left. Bottom Input Bar: A rounded ChatGPT prompt bar spanning the comparison area width with exactly 5 controls: a plus icon, placeholder text 「ChatGPT に質問」, a dropdown menu labeled 「最速」, a microphone icon, and a black circular voice icon. Style: Crisp UI screenshot, photorealistic fashion editorial merged with flat 2D kawaii doodles, soft bright cafe window lighting.

ui-screenshotab-testingchatgpt-ui
Tinder Dating Profile Screen Mockup

Tinder Dating Profile Screen Mockup

A realistic mobile screenshot of the Tinder dating app interface, 9:16 aspect ratio. Top UI: Standard Tinder flame logo centered at the top header. Center card: Profile photo of [Mona], smiling and looking directly forward at the camera, wearing a [yellow blouse, white skirt, and a peeled banana resting on her head]. Bottom card UI overlay: - Profile name: "[Mona Banana 🍌]" - Age: "[18]" - Distance: "[0km away · Suita City]" - Bio text: "[Don't mind the banana on my head. It just won't come off 🍌\nLikes: Bananas, magical girls, bananas, rice, bananas\nDream: To save the world with banana power\nType: People who don't ask 'Why is there a banana on your head?' 🙅]" - Interest pills/badges: "[Cooking 🍳]", "[Music 🎵]", "[Magic ✨]", "[Banana Studies 🍌]" Bottom action buttons: Circular Tinder action buttons for rewind, pass (X), Super Like (blue star), Like (green heart), and boost (purple lightning bolt). Authentic mobile UI layout and typography.

tinderdating appmobile ui
Design Tool and Terminal Sync UI Mockup

Design Tool and Terminal Sync UI Mockup

A polished 16:9 SaaS product-announcement UI mockup showing a design tool and CLI terminal syncing in real time. Set against a warm coral-orange backdrop filling the entire frame, featuring a central cream-white design artboard partially overlaid by interface panels with soft drop shadows. Layout and elements: 1. Left editor panel: Off-white rounded sidebar titled "Playground Crowdfunding Page" with a circular app icon on the left and a bell icon on the right. Top action row: "Edit", "Discard", and a coral "Save" button. Three tabs: "Simple" (active), "Pro", "Code". Compact 9-icon toolbar: pointer, cursor, rectangle, grid/cross, circle, text T, pencil, undo, redo. Labeled inspector sections for Text, Typography (font "Poppins", size "36 px", color "#1A1714", weight "Bold", italic, underline, strikethrough, alignment, leading "1.35", case "none", tracking), Appearance (background "None", radius "0px", overflow "visible", opacity "1", z "auto"), and Border. 2. Central webpage artboard: At top, a logo of 3 colored dots (green, yellow, red) followed by "[Maple Grove Park]". Below, a pale green pill badge with a green dot reading "[A neighborhood project on Elm Street]". Large bold dark green-black headline selected with a thin blue bounding box and 4 square corner handles: "[Let's build a playground our kids will never forget.]" broken across four lines. Beneath it, smaller gray body copy beginning "Maple Grove's old play structure came down last spring. Together, we can replace it with something". 3. Right donation card: White rounded card cropped at the right edge, showing a selected amount box reading "[$61,240]" with a blue dashed outline, a green-to-lime progress bar, status text "72% funded" and "312 neighbors", and a rounded green button "Chip in today". 4. Floating terminal window: Upper-right dark macOS terminal with rounded corners, drop shadow, and three traffic light dots (red, yellow, green). Title bar: "temp — claude — 64x22". Pixel-art orange mascot icon on the left. Monospaced terminal text showing "Claude Code v2.1.176", "claude-opus-4-8", "~/temp", "? for shortcuts", and an active command line "/design-sync Push my design components to Claude Design" with an end cursor. Style: Crisp vector-like UI presentation, modern Figma and macOS aesthetic, clean typography, soft subtle shadows, no people, no watermarks.

ui mockupsaas interfacedesign editor
Mona Lisa Soda Web Documentation

Mona Lisa Soda Web Documentation

A clean documentation-style webpage screenshot on a crisp white background with generous margins and a subtle light gray horizontal rule near the top. At the top left, a small link icon followed by bold Chinese text "例 233: 蒙娜丽莎畅饮可乐的趣味油画". In the center, a large square preview image featuring a Renaissance oil painting parody of [Mona Lisa] drinking [Coca-Cola]: the figure sits in the classic Mona Lisa pose with dark brown hair and historical attire against a soft misty landscape of muted green and ochre tones, holding a red soda can with white script near her mouth. A solid dark brown opaque square censor block covers the face from forehead to chin, obscuring the features while leaving hair, hands, and soda can visible. Below the artwork are three UI elements: a source line reading "来源: @liyue_ai" with the handle highlighted in blue, a label line reading "提示词:", and a pale gray code box with a small copy icon at the upper right. The code box displays two labeled blocks: "[中文]" followed by "生成一张蒙娜丽莎畅饮可乐的油画。" and "[English]" followed by "Generate an oil painting of Mona Lisa drinking cola."

ui-mockupwebpagemona lisa
Isometric Corporate People Vector Asset Sheet

Isometric Corporate People Vector Asset Sheet

A clean isometric vector illustration sheet featuring exactly 21 discrete business person poses and office mini-scenes on a single canvas, arranged in an evenly spaced 3-row by 7-column grid with soft oval shadows under each figure and piece of furniture. Visual Style: Modern isometric corporate illustration, semi-flat vector rendering with subtle gradients, soft shading, crisp vector contours, and consistent small full-body character scale. Set against a solid [very light gray] background with no border or environmental backdrop. Color Palette: Restrained professional palette dominated by [navy blue], charcoal, crisp white, natural wood tones, and muted gray metal. Characters have [brown] hair and wear [white shirts, navy skirts or trousers, dark shoes, simple ties for men]. Grid Breakdown (21 poses left to right): - Top Row: 1) businesswoman holding a dark tablet, 2) businesswoman seen from behind writing on a freestanding whiteboard, 3) businesswoman walking holding a paper coffee cup, 4) businesswoman standing while typing on an open laptop, 5) businesswoman standing and talking on a phone, 6) businesswoman writing on a clipboard, 7) businesswoman seated at a wooden desk using a laptop. - Middle Row: 1) businessman standing with a briefcase, 2) two businessmen shaking hands, 3) businessman walking while reviewing documents, 4) businessman leaning over a desk typing on a laptop, 5) businessman seated in an office chair with crossed legs and hand on chin, 6) businessman standing talking on a mobile phone, 7) businessman standing casually with hands in pockets. - Bottom Row: 1) businesswoman hurrying with a tablet and stylus, 2) businessman shelving binders on a tall gray office shelf, 3) businessman celebrating with raised fists, 4) businesswoman perched casually on a desk edge holding coffee, 5) businesswoman seated at a desk working on a laptop, 6) businessman seated in a dark armchair deep in thought, 7) businesswoman standing and talking on a phone while holding a folder. Constraints: Pure isometric angle, uniform lighting, consistent proportions. No text, no typography, no logos, no watermarks, no photorealism.

isometricvectorbusiness
Glowing Gradient Number App Icon

Glowing Gradient Number App Icon

A polished mobile app icon featuring a single large stylized numeral [9] centered slightly to the left on a square canvas with smooth rounded corners (iOS-style app icon squircle). The numeral is a thick, smooth, glossy 3D glyph rendered with a vivid gradient transitioning from golden yellow and orange at the top-left, through hot pink in the center, to rich violet and electric purple at the lower curve. A soft neon rim light and inner glow surround the digit, featuring a bright warm glow on the upper-left edge and a deep magenta-purple glow along the bottom. The right side of the numeral dissolves into a dynamic particle burst of circular dots and fine speckles in matching warm-to-cool hues scattering outward to the right. Deep midnight navy-to-purple background with subtle radial shading and a faint vignette. Clean, iconic composition, high contrast, crisp edges, vibrant lighting, no additional text, no borders, no watermarks.

app icon3d numberneon glow
Visual Novel Rejected Routes UI

Visual Novel Rejected Routes UI

A visual novel or mobile social game scenario selection UI screen titled 'Rejected Routes' for [an anime-style heroine]. The screen displays multiple interactive card panels representing non-canon 'what-if' scenarios such as [breakups, rejections, misunderstandings, and going rogue]. Each card features a miniature illustration of the character with a distinctly different facial expression, mood, and atmospheric lighting, accompanied by a short title and a one-sentence route description. Clean polished game interface, stylized typography, decorative borders, icons, and menu buttons in a modern anime game UI style.

visual novelgame uianime interface
B2B SaaS Mobile Onboarding Interface

B2B SaaS Mobile Onboarding Interface

Vertical smartphone screenshot in 9:16 aspect ratio, high-end Japanese B2B SaaS onboarding screen for [NOVALITH]. Clean white background with generous margins and an iOS status bar at the top displaying 9:41, Wi-Fi, cell signal, and battery icons. Layout and Typography: - Top-left: [NOVALITH] logo featuring a geometric turquoise-blue 'N' mark with spaced deep navy lettering. - Headline: Large bold dark navy Japanese text reading "[データを、未来の意思決定に変える。]". - Body text: Two-line Japanese subtext reading "[開発・運用・データの複雑さを解消し、信頼できるデータ基盤で、事業の成長を加速させます。]". - Lower left: Exactly 3 feature highlights with thin cyan line icons: 1) Stacked layers icon: "統合された基盤" / "データとシステムを一元的に統合" 2) Shield check icon: "堅牢なガバナンス" / "セキュリティと品質を標準で確保" 3) Rising bar chart icon: "高速な意思決定" / "信頼できるデータで意思決定を加速" Hero Visual: - Right side: Glossy 3D smartphone mockup tilted slightly back, overlapping a translucent teal-blue architectural glass block and a large faceted 3D letter 'N'. - Phone display: Crisp Japanese analytics dashboard containing 4 sections: 1) Top metric cards: "データパイプライン 128 +2.4%" and "データ品質スコア 98.6% +2.4%". 2) Pipeline row with connected nodes: "データソース 24", "処理中 128", "出力先 36". 3) Line chart titled "データ量の推移" with date range 5/06 - 5/12. 4) Donut chart titled "データソース健全性" displaying "96% 健全" and legend ("健全 46", "警告 3", "エラー 1"). Navigation & Actions: - Centered 3 carousel indicator dots (first active teal, two light gray). - 2 rounded bottom buttons: primary filled teal gradient button labeled "[はじめる]" with a right arrow icon, and a white secondary button with a teal border labeled "[あとで始める]". Style: Futuristic enterprise analytics aesthetic, crisp vector UI blended with soft 3D glassmorphism, subtle polygon network lines, faint dot grids, soft ambient shadows, deep navy, cyan, and teal color palette.

saasmobile uionboarding
AI Chat Interface Chengdu Food Map

AI Chat Interface Chengdu Food Map

A screenshot-style composition of an AI chat interface on a light gray background, centered inside a rounded white card panel with a subtle drop shadow. Near the top is a large pale mint-green user chat bubble containing a Chinese text prompt describing a culinary map of [Chengdu]. Beneath it, aligned slightly left of center, is a square generated illustration with rounded corners. The illustration is a whimsical hand-drawn tourist food map titled in bold Chinese calligraphy at the upper left: [成都! 吃货暴走地图]. The map has a warm beige aged-paper texture, watercolor ink outlines, and a vintage travel-poster aesthetic, displaying stylized roads, district names, and miniature landmarks like a pagoda tower, traditional city gate, and modern skyline. Exactly 12 featured food spots are marked with numbered red pins and Chinese labels, each accompanied by an illustrated dish: skewers in chili broth, sweet water noodles, spicy rabbit head, guokui flatbread, Sichuan hot pot, maocai, dan dan noodles, chili oil wontons, bobo chicken, fuqi feipian, a spicy stir-fry dish, and a snack platter. The entire map is framed by an ornate border of red chili peppers, green vines, and leaves. Lower right corner contains a compact legend titled [图例说明] with 4 icons and a classic compass rose. Outside the artwork, the chat UI includes subtle gray interaction icons below the prompt bubble, a '2/2' counter, an 'Edit' pill button overlapping the lower-left corner of the illustration, a circular download icon at the lower right, and a clean bottom toolbar.

ui-ux-designfood-mapmockup
Windows 11 Desktop with Censored Anime Wallpaper

Windows 11 Desktop with Censored Anime Wallpaper

A clean Windows 11 desktop screenshot featuring an anime wallpaper filling the screen. Subject: Centered upper-body portrait of [Nezuko Kamado], facing forward with both hands raised toward the viewer in a playful pawing pose with spread fingers. Her face is completely obscured by a large vertically oriented rectangular blur or censor block in the center. She has long flowing [dark brown to black] hair with soft reddish-orange tips and a small pale pink ribbon on the right. She wears a pink geometric-pattern kimono under a dark haori with pink lining and a checkered obi with green and reddish accents. Her visible palms have stylized soft animal-paw pads on each hand. Background: Light icy blue wallpaper with glossy abstract Windows 11 blue ribbon swirls and faint diagonal light streaks. UI Elements: Exactly 3 desktop icons aligned vertically on the top left ("This PC", "Recycle Bin", and "Microsoft Edge"). A dark translucent Windows 11 taskbar runs along the bottom with centered app icons, a system tray on the right, and the clock displaying "[10:30 AM]" and date "[5/20/2024]". Style: Polished, bright, authentic desktop screenshot aesthetic.

desktopwindows 11anime