# Pustaka template prompt: ui-ux-design URL: https://www.gptimagehub.com/id/library/category/ui-ux-design?page=8 Returned prompts: 60 ## Mockup UI Desktop Platform Streaming Video - URL: https://www.gptimagehub.com/id/library/video-streaming-platform-desktop-ui-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13591 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fvideo-streaming-platform-desktop-ui-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: desain ui, mockup browser, streaming video, desain web, ui desktop, antarmuka - Updated: 2026-10-27T00:37:18.098Z - Created: 2026-10-27T00:37:18.098Z Menghasilkan mockup antarmuka browser desktop untuk platform streaming video dengan navigasi bilah sisi dan grid video. Sesuaikan judul dan thumbnail sesuai konsep Anda. ### Full prompt ```text { "type": "web browser UI mockup", "platform": "[YouTube]", "browser_window": { "style": "macOS light mode", "tab": "YouTube", "url_bar": "youtube.com" }, "layout": { "header": { "components": ["hamburger menu", "platform logo", "search bar", "create video icon", "notifications bell", "user profile avatar"] }, "sidebar": { "position": "left", "item_count": 11, "sections": [ { "name": "Main", "items": ["Home", "Shorts", "Subscriptions", "Originals", "YouTube Music"] }, { "name": "Explore", "items": ["Trending", "Shopping", "Music", "Movies", "Live", "Gaming"] } ] }, "main_content": { "category_tags": { "count": 10, "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "AI", "Cars", "Mixes", "News", "Recently uploaded"] }, "video_grid": { "card_count": 5, "cards": [ { "position": "top left", "size": "large", "thumbnail_description": "Sam Altman and Greg Brockman sitting on a stage next to a standing humanoid robot, text overlay 'OpenAI Introducing Our Humanoid Robot', LIVE badge", "video_title": "[Introducing Our Humanoid Robot]", "channel_name": "[OpenAI]", "metadata": "482K watching now" }, { "position": "top right", "size": "large", "thumbnail_description": "surprised man's face on the left, a large mansion hidden in a forest with an explosion on the right, bold yellow text overlay '[TOTAL SECRECY]'", "video_title": "[I Bought 100 Million Dollar Secret House!]", "channel_name": "MrBeast", "metadata": "4.1M views, 19 hours ago, 20:49 duration" }, { "position": "bottom left", "size": "small", "thumbnail_description": "Steve Carell holding a laptop showing a scene from The Office", "video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ", "channel_name": "GQ", "metadata": "987K views, 2 days ago, 17:46 duration" }, { "position": "bottom middle", "size": "small", "thumbnail_description": "man looking through a spyglass at a sailing ship on the ocean at sunset", "video_title": "Black Sails Is Beautiful!", "channel_name": "Savage Books", "metadata": "606K views, 2 days ago, 17:46 duration" }, { "position": "bottom right", "size": "small", "thumbnail_description": "creepy masked killer character from a video game with text overlay 'DEAD OF DAYLIGHT'", "video_title": "Playing As The Seekers In Dead By Daylight", "channel_name": "Unknown", "metadata": "806K views, 1 day ago, 28:39 duration" } ] } } } } ``` --- ## Tangkapan Layar Beranda Google Jepang di Browser - URL: https://www.gptimagehub.com/id/library/japanese-google-homepage-browser-screenshot - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-18234 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fjapanese-google-homepage-browser-screenshot - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: graphic-design - Tags: beranda google, tangkapan layar browser, mockup ui, antarmuka desktop, desain web, minimalis - Updated: 2026-10-27T00:37:03.098Z - Created: 2026-10-27T00:37:03.098Z Mockup realistis beranda pencarian Google Jepang dalam jendela browser desktop minimalis. Sesuaikan URL, tautan lokal, dan label tombol untuk versi negara lain. ### Full prompt ```text A clean, realistic desktop browser screenshot of the [Japanese] Google homepage inside a minimalist Chrome-like window, viewed straight-on. The browser UI features one active tab labeled "Google" with the official Google favicon, a plus icon for a new tab, navigation controls (back, forward, refresh), a lock security icon, and an omnibox address bar displaying "[google.co.jp]". At the far right are a star bookmark button, a three-dot menu, and desktop window controls. The webpage body is minimalist white with the multicolor Google logo centered prominently. Top-right corner displays exactly 4 items: text link "Gmail", text link "画像", a 3x3 apps launcher grid icon, and a circular profile avatar showing a subtle blue mountain scene. Centered below the logo is a rounded search input bar with a magnifying glass icon on the left, placeholder text "[Google で検索または URL を入力]", and microphone and Google Lens icons on the right. Below the search bar are two rounded light-gray buttons labeled "[Google 検索]" and "[I'm Feeling Lucky]". Beneath them, a small secondary line reads "Google.com in English" with "English" styled in blue. At the bottom, a light gray footer displays "日本" on the upper line, and six footer links below: "広告", "ビジネス", "検索の仕組み", "プライバシー", "規約", and "設定". Crisp sans-serif typography, subtle drop shadows, realistic operating system UI details, ample negative space. ``` --- ## Kepala Kartu Proyek Storyboard Fantasi - URL: https://www.gptimagehub.com/id/library/fantasy-storyboard-project-card-masthead - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-24482 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Ffantasy-storyboard-project-card-masthead - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: storyboard, kartu proyek, kepala kartu, desain ui, produksi film, perencanaan sinematik - Updated: 2026-10-27T00:32:58.098Z - Created: 2026-10-27T00:32:58.098Z Menghasilkan kartu header produksi yang rapi dan ringkas untuk perencanaan video sinematik. Sesuaikan judul proyek, tema metadata, dan frame prioritas. ### Full prompt ```text A compact, professionally designed production project card masthead layout, not a table. TITLE: "[NOX / LUMOS POI FOREST]". META LINE: "[sudden void magic / fantasy ritual suspense / fast 15-second burst flow]". PRIORITY: "[first frame empty forest]". Clean typography, modern film pre-production documentation aesthetic. ``` --- ## Mockup Landing Page Fintech SaaS - URL: https://www.gptimagehub.com/id/library/fintech-saas-landing-page-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-mm-8503 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Ffintech-saas-landing-page-mockup - Category: Desain UI / UX - Model: nanobananapro - Aspect ratio: 16:9 - Style: graphic-design - Tags: fintech, landing page, desain ui, desain web, glassmorphism, saas, hero section, mockup - Updated: 2026-10-27T00:32:33.098Z - Created: 2026-10-27T00:32:33.098Z Hasilkan mockup landing page fintech modern dengan elemen UI glassmorphism di atas latar belakang fiksi ilmiah. Sesuaikan judul dan logo dengan mudah. ### Full prompt ```text High-fidelity UI design for a modern fintech SaaS landing page overlaid on a cinematic sci-fi landscape. The background features a massive pale celestial moon dominating the sky partially obscured by layers of thick clouds, a rugged rocky coastline with sparse ancient vegetation on the left, calm water reflecting the scene, a solitary silhouette of a person standing on a rock ledge, and heavy atmospheric blue mist with soft diffuse lighting in an icy blue and white palette. The UI overlay consists of a minimalist navigation bar with a "[Flowstate]" logo, centered navigation links, and a "[Get Started]" button in the top right. Centered hero layout with a translucent pill-shaped badge reading "[INFRASTRUCTURE FOR NEXT FINANCIAL LAYER]", a large bold sans-serif headline reading "[Trust-first infrastructure for digital finance]", clean paragraph subtext below, a primary solid black rounded button next to a secondary text link button, and a bottom row displaying monochrome trusted partner logos ([Google, Microsoft, Stripe]). Sleek glassmorphism elements, crisp white typography, digital matte painting background, Figma interface mockup presentation. ``` --- ## Mockup Tangan Memegang Ponsel Berlampu Neon - URL: https://www.gptimagehub.com/id/library/neon-hand-holding-smartphone-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-16427 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fneon-hand-holding-smartphone-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: graphic-design - Tags: smartphone, mockup, ui-ux, landing page, pencahayaan neon, fotografi produk - Updated: 2026-10-27T00:26:03.098Z - Created: 2026-10-27T00:26:03.098Z Menghasilkan foto studio editorial berlampu neon dari tangan yang memegang smartphone dengan landing page. Sesuaikan teks dan tombol untuk produk Anda. ### Full prompt ```text Minimalist studio product photograph of a single human hand holding a modern edge-to-edge smartphone upright against a smooth lavender-to-pink gradient background. The forearm enters from the lower right corner, hand centered slightly to the left, fingers wrapping naturally around the dark bezel with the thumb on the right side. Dramatic dual neon gel lighting casts cool cyan-blue highlights along the left edge and deep magenta-purple tones in the shadows on the right. The sleek phone features rounded corners and a centered pill cutout at the top. Displayed on the screen is a clean monochrome design-tech landing page with an abstract black logo top-left, a small rounded "Menu" button top-right, two wide pale rectangular wireframe cards, and centered onboarding typography below. The main headline reads "[Welcome to the future of design with Terot]", followed by smaller gray subtext "[Create intelligent design systems and AI-powered visual experiences.]", an outlined pill button labeled "[Create account]", and a text link "[Login]". Cinematic tech-advertising aesthetic, realistic skin texture, soft screen glow, and generous negative space. ``` --- ## Banner Web Iklan Perjalanan Darat - URL: https://www.gptimagehub.com/id/library/road-trip-travel-ad-web-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14229 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Froad-trip-travel-ad-web-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: banner web, iklan wisata, road trip, desain ui, tipografi jepang, danau pegunungan, desain pemasaran - Updated: 2026-10-27T00:23:33.098Z - Created: 2026-10-27T00:23:33.098Z Menghasilkan banner promosi perjalanan dengan lanskap pegunungan, tombol UI, dan tipografi Jepang. Sesuaikan warna mobil, latar pemandangan, dan teks judul. ### Full prompt ```text { "type": "travel advertisement web banner", "layout": { "background": "[majestic snow-capped mountains and turquoise lake], pine trees, winding paved road, bright blue sky with fluffy clouds", "foreground_right": "[light blue] SUV parked on the roadside, open trunk packed with travel luggage, loaded roof rack, rustic wooden signpost reading 'NEXT ADVENTURE'", "typography_left": { "top_ribbon": "Golden banner ribbon with Japanese text 'まだ見ぬ絶景へ。' and a small bird icon", "main_headline": "Large elegant serif typography reading '[自然に、深呼吸しよう。]' in a deep blue gradient", "sub_headline": "Clean text reading '[走り出せば、心まで晴れていく。]' flanked by delicate thin lines and a minimalist mountain graphic" }, "ui_elements": { "cta_button": "Pill-shaped blue-to-green gradient button with white text '[おすすめを見る >]'", "bottom_bar": { "description": "Clean semi-transparent white footer bar", "count": 3, "items": [ {"icon": "mountain and road icon", "text": "絶景ドライブ"}, {"icon": "camera and leaf icon", "text": "リフレッシュ旅"}, {"icon": "calendar and tree icon", "text": "週末でも満喫"} ] } } } } ``` --- ## Ilustrasi Isometrik Peramban Logistik Cloud - URL: https://www.gptimagehub.com/id/library/isometric-cloud-logistics-browser-illustration - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-19702 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fisometric-cloud-logistics-browser-illustration - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: isometrik, logistik cloud, seni garis, ikon vektor, ui saas, minimalis - Updated: 2026-10-27T00:23:23.098Z - Created: 2026-10-27T00:23:23.098Z Ilustrasi garis isometrik minimalis dari peramban web terhubung cloud untuk logistik. Ubah warna aksen dan ikon di dalam jendela agar sesuai dengan merek Anda. ### Full prompt ```text A clean, minimalist isometric line-art illustration on an off-white background with faint light-gray perspective grid lines. In the center, a rounded rectangular web browser window stands upright on a thick rounded rectangular platform base, rendered with thin black outlines and white fill. Above the browser floats a large outlined cloud icon connected by a thin vertical black line with a short dotted segment. Inside the browser interface, a simple outlined delivery vehicle icon carries a small package on its roof. The browser header includes a small blue back chevron on the left, a long horizontal address line, and a short menu line. On the right side of the browser frame, a translucent blue circular button displays a diagonal slash, while a thin connector line extends from a tiny [soft red] rounded square port to a small solid [periwinkle blue] circular node. Sparse accent palette of [periwinkle blue] and [soft red] with crisp black lines, clean isometric depth, no drop shadows, no text. ``` --- ## Mockup UI Live Stream E-Commerce Ponsel - URL: https://www.gptimagehub.com/id/library/chinese-e-commerce-live-stream-mobile-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13790 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fchinese-e-commerce-live-stream-mobile-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: live stream, ui ponsel, e-commerce, hanfu, mockup, teh, antarmuka aplikasi - Updated: 2026-10-27T00:17:33.098Z - Created: 2026-10-27T00:17:33.098Z Menghasilkan antarmuka live shopping seluler lengkap dengan host berbusana Hanfu. Sesuaikan produk, banner, nama host, dan obrolan di dalam kurung. ### Full prompt ```text { "type": "mobile live stream UI mockup", "subject": { "description": "young Asian woman in traditional light peach Hanfu with floral embroidery, ornate gold and pearl hairpins with pink flowers, smiling, looking at camera, holding a round tin of floral tea", "foreground_objects": { "count": 5, "items": [ "round tin held by host", "round tin on table", "rectangular box on table", "open tin with dried tea leaves", "clear glass teacup with blooming pink flower" ], "labels": ["牡丹花茶"] }, "background": "traditional Chinese interior, warm lighting, wooden lattice screens, pink floral branches" }, "ui_layout": { "top_bar": { "elements": ["19:37", "signal bars", "wifi", "battery"] }, "top_left": { "host_info": { "name": "[小雅国风严选]", "stats": "83.0万本场点赞", "button": "关注" }, "badges": ["带货榜", "人气榜"], "promo_banner": "领券下单更优惠 点击领取" }, "top_right": { "viewers": { "count": 3, "text": "10万+", "close_button": "X" }, "links": ["更多直播 >"], "event_banner": { "title": "[抖音618好物节]", "dates": "5.24-6.18" } }, "mid_left_events": { "gift_count": 2, "gifts": [ {"user": "可乐", "action": "送小心心", "combo": "x 16"}, {"user": "安安", "action": "送人气票", "combo": "x 21"} ], "join_notification": "加入了直播间" }, "bottom_left_chat": { "message_count": 5, "messages": [ "[主播这款花茶喝了美容养颜吗？]", "包装也太好看了吧！", "拍了2号链接，期待发货~", "主播讲讲功效呗", "已经回购三次了，味道很正！" ] }, "bottom_product_card": { "title": "小雅严选 [牡丹花茶]礼盒装", "guarantee": "坏损包退 7天无理由退货", "price": "[¥ 89.9]", "button": "抢" }, "bottom_nav_bar": { "input_placeholder": "说点什么...", "icons_count": 5, "icons": ["smiley", "shopping cart", "gift", "heart", "more options"] } } } ``` --- ## Banner Web Iklan Resor Tropis - URL: https://www.gptimagehub.com/id/library/tropical-resort-travel-web-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14234 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Ftropical-resort-travel-web-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: wisata, banner web, iklan, resor, tropis, desain ui, pemasaran - Updated: 2026-10-27T00:13:08.098Z - Created: 2026-10-27T00:13:08.098Z Menghasilkan banner promosi wisata berlatar resor bungalo tropis dengan tipografi Jepang. Sesuaikan pemandangan, teks promosi, atau tombol di dalam tanda kurung. ### Full prompt ```text { "type": "travel advertisement web banner", "scene": { "setting": "[tropical overwater bungalow resort]", "background": "turquoise water, clear blue sky, fluffy white clouds, palm trees, distant white sailboat, two airplanes with subtle dashed flight paths", "foreground_right": "sunlit wooden deck, two lounge chairs with white cushions, folded blue towel, woven straw hat, small round table with a blue tropical drink, frangipani blossoms, pink hibiscus framing the border" }, "layout": { "text_overlay": { "position": "center-left", "elements": [ { "type": "top_text", "text": "[さあ、次の旅へ。]", "decoration": "small airplane icon, dashed line" }, { "type": "main_headline", "text": "[この景色に、会いにいこう。]", "style": "large elegant blue gradient serif font" }, { "type": "subheadline", "text": "[日常を抜け出して、心がほどける休日を。]", "decoration": "subtle gold decorative swirls" }, { "type": "cta_button", "text": "[今すぐチェック]", "style": "blue-cyan gradient pill shape with a right arrow" } ] }, "bottom_features": { "position": "bottom-left", "count": 3, "items": [ { "icon": "palm trees and waves", "label": "絶景リゾート" }, { "icon": "overwater bungalow", "label": "非日常ステイ" }, { "icon": "suitcase", "label": "週末旅行にも" } ] } } } ``` --- ## Banner Web Pembersih Wajah Skincare Jepang - URL: https://www.gptimagehub.com/id/library/japanese-skincare-facial-cleanser-web-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-29634 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fjapanese-skincare-facial-cleanser-web-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 5:4 - Style: graphic-design - Tags: skincare, banner web, kosmetik, iklan jepang, e-commerce kecantikan, desain iklan, desain grafis - Updated: 2026-10-27T00:08:58.098Z - Created: 2026-10-27T00:08:58.098Z Hasilkan banner iklan e-commerce Jepang dengan model berwajah glowing, busa pembersih, dan gelembung manfaat. Sesuaikan teks, tombol CTA, dan produk. ### Full prompt ```text Commercial Japanese skincare web banner for a [clear facial cleansing wash], horizontal layout. Bright white and pale blue palette with subtle watery ripples and high-key lighting, conveying a [fresh, moist, clean, and gentle] mood. Composition & Subject: - Right half: A [smiling young East Asian woman with dewy skin], cropped from shoulders up, facing the camera with her right hand gently touching her cheek. Her dark hair is tied back loosely, wearing natural dewy makeup and a white camisole strap. - Left half: Prominent blue Japanese calligraphy headline reading 「[クリアにする 洗顔、はじまる。]」 with 「クリア」 in an extra-large brush style. Underneath, a dark gray sub-headline reading 「皮脂・角栓・酸化汚れを やさしく分解し、うるんとした素肌へ」. - Lower left: A white facial cleanser tube standing upright labeled "CLEAR WASH", accompanied by a dense mound of rich white micro-foam. - Exactly 3 floating translucent blue water bubbles showing benefit text: 「使用満足度 92%」, 「アルコール・パラベン フリー」, and 「皮膚の専門家監修」. The bubbles are glossy and refractive. - Bottom: Full-width blue gradient call-to-action bar with centered white Japanese text 「[今すぐ洗顔ケアを始める]」 and a small white right-pointing triangle icon. Style: Premium Japanese cosmetic e-commerce graphic design, clean whitespace, realistic beauty photography compositing, crisp typography, and clinical-grade purity. ``` --- ## Mockup UI Siaran Langsung Douyin - URL: https://www.gptimagehub.com/id/library/douyin-live-stream-ui-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-28113 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fdouyin-live-stream-ui-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: douyin, live streaming, desain ui, aplikasi seluler, hanfu, mockup - Updated: 2026-10-27T00:07:33.098Z - Created: 2026-10-27T00:07:33.098Z Menghasilkan mockup antarmuka live streaming ponsel lengkap dengan overlay interaktif. Ubah teks dalam kurung untuk menyesuaikan konten siaran. ### Full prompt ```text A smartphone screen interface mockup of a Douyin live stream room, with on-screen comments, viewer count, like animations, and gift icons overlaying the video feed showing [a beautiful woman in traditional Hanfu live streaming]. ``` --- ## Kartu Informasi Wi-Fi Kamar Hotel - URL: https://www.gptimagehub.com/id/library/hotel-room-wi-fi-information-card - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-19072 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fhotel-room-wi-fi-information-card - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 3:2 - Style: graphic-design - Tags: kartu informasi, kartu wifi, amenitas hotel, minimalis, mockup alat tulis, desain grafis - Updated: 2026-10-27T00:00:43.098Z - Created: 2026-10-27T00:00:43.098Z Menghasilkan kartu informasi tamu bergaya hotel elegan dengan kredensial Wi-Fi. Sesuaikan nama jaringan, kata sandi, dan estetika latar belakang. ### Full prompt ```text Hotel room information card mockup, postcard size, [beige and wood grain] aesthetic. Legible printed text showing SSID "[○○]" and password "[△△]", clean minimalist layout, soft warm indoor lighting, top-down still life perspective. ``` --- ## Mockup Antarmuka Aplikasi Live Streaming Ponsel - URL: https://www.gptimagehub.com/id/library/mobile-live-stream-app-interface-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13843 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fmobile-live-stream-app-interface-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: live stream, ui ponsel, mockup aplikasi, antarmuka streaming, aplikasi sosial, overlay ui - Updated: 2026-10-26T23:51:18.098Z - Created: 2026-10-26T23:51:18.098Z Menghasilkan antarmuka live streaming ponsel lengkap dengan host video, obrolan langsung, dan hadiah. Sesuaikan tampilan host serta teks pesan obrolan. ### Full prompt ```text { "type": "mobile live-streaming app interface mockup", "video_feed": { "subject": "[young Asian woman, long dark hair, white lace top, resting chin on hand, smiling softly]", "background": "cozy room, couch with animal pillow, shelf with 'FLOWER' framed picture, pink roses in a vase, warm lighting" }, "ui_overlay": { "status_bar": { "elements": ["20:34", "location arrow", "signal bars", "wifi", "battery 78%"] }, "top_header": { "host_info": { "name": "[小鹿酱💕]", "subtitle": "12.8万本场点赞", "button": "关注" }, "top_viewers_count": 3, "top_viewers_labels": ["1.2w", "9800", "8700"], "total_viewers": "1.9万", "close_button": "X" }, "badges_and_prompts": { "top_left_count": 2, "top_left_labels": ["小时榜第3名", "人气榜"], "top_right_count": 2, "top_right_labels": ["更多直播 >", "许下心愿，一起完成任务"] }, "gift_notifications": { "count": 2, "items": [ { "user": "@阿飞", "action": "送小心心", "multiplier": "[x 66]" }, { "user": "向阳而生", "action": "送鲜花", "multiplier": "x 10" } ] }, "chat_stream": { "count": 7, "messages": [ "甜甜 加入了直播间", "尼古拉斯: [主播今天好美呀～]", "小心心: [唱一首歌吧，想听你唱歌～]", "一只小鹿: 支持支持，天天看你直播 😘", "快乐每一天: 人美心善，说话又好听！", "小可爱: 主播粉丝团怎么加入呀？", "系统: 直播内容严禁违规，文明直播，一起营造良好的直播环境。" ] }, "bottom_bar": { "input_placeholder": "说点什么...", "icon_count": 5, "icons": ["smiley face", "pink heart", "gift box", "three dots", "bar chart"], "floating_elements": "pink and blue hearts rising on the right" } } } ``` --- ## Mockup Antarmuka Live Streaming Game - URL: https://www.gptimagehub.com/id/library/live-gaming-stream-interface-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14049 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Flive-gaming-stream-interface-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: live stream, antarmuka streaming, mockup twitch, desain ui, gameplay, overlay webcam - Updated: 2026-10-26T23:50:58.098Z - Created: 2026-10-26T23:50:58.098Z Merender antarmuka live streaming lengkap dengan tayangan gameplay, webcam, info stream, dan chat. Sesuaikan streamer, game, dan pesan dengan mudah. ### Full prompt ```text {"type": "live stream interface mockup", "layout": {"main_feed": {"content": "video game scene, cowboy silhouette looking at a grave with a celtic cross at sunset", "subtitle": "[Arthur I gave you all I had.]", "ui_elements": ["circular minimap in bottom left"]}, "webcam": {"position": "top left", "subject": "[Sam Altman] looking intently and slightly sad", "background": "room with a plant and a glowing warm lamp"}, "stream_info": {"position": "bottom", "profile": {"name": "[SamAltman]", "verified": true, "avatar": "grayscale portrait of the streamer", "live_badge": "LIVE"}, "details": {"title": "[first playthrough of RDR2 (no spoilers please!)]", "category": "[Red Dead Redemption 2]", "tags": ["English", "AMA", "OpenAI", "CEO", "Artificial Intelligence"]}, "stats": {"viewers": "141,572", "uptime": "3:42:17"}, "buttons": ["Follow", "Subscribe"]}, "chat_sidebar": {"position": "right", "header": "STREAM CHAT", "messages_count": 17, "message_examples": ["spaghetti_code: don't cry", "nicodemus88: we're all gonna make it", "quantumlance: peak fiction", "souljaboytellem: LUMBAGO", "m4xw311: ride high cowboy"], "input_area": "Send a message box with a purple Chat button"}}} ``` --- ## Banner Hero Landing Page Layanan Hukum Jepang - URL: https://www.gptimagehub.com/id/library/japanese-legal-and-tax-services-landing-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14937 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fjapanese-legal-and-tax-services-landing-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: landing page, hero banner, layanan hukum, desain web jepang, konsultan pajak, tombol cta - Updated: 2026-10-26T23:49:18.098Z - Created: 2026-10-26T23:49:18.098Z Menghasilkan grafis banner landing page gaya Jepang dengan kisi 4 layanan hukum dan tombol CTA. Sesuaikan nama kantor dan teks tombol. ### Full prompt ```text A commercial Japanese listing-ad landing page hero banner for a law and tax accounting firm. The layout is divided into a top 4-panel service grid and a bottom call-to-action footer. Top Section: Four equal-width vertical panels touching edge-to-edge with clean, thin white dividers. Highly saturated primary colors with glossy ad styling: - Panel 1 (Red): Top red header bar with text 「刑事事件」. Photo shows a dramatic close-up of two hands gripping dark prison bars against a black background. Bottom red caption bar with bold white Japanese text 「逮捕・訴訟に即対応！」. - Panel 2 (Blue): Top blue header bar with text 「交通事故」. Photo shows a realistic daytime rear-end collision between two dark sedans on a city street. Bottom blue caption bar with bold white Japanese text 「慰謝料・示談もお任せ！」. - Panel 3 (Green): Top green header bar with text 「相続税」. Photo shows an elderly couple at a table consulting with a business professional in a suit, with paperwork and a miniature house model on the desk. Bottom green caption bar with bold white Japanese text 「税相続対策をしっかりサポート！」. - Panel 4 (Orange): Top orange header bar with text 「離婚問題」. Photo shows an upset woman seated indoors with her head resting on her hand. Bottom orange caption bar with bold white Japanese text 「慰謝料・親権の悩みを解決！」. Bottom Footer Section: A light beige/cream colored background. On the left side, a small black subheadline reads 「法律相談・税務相談なら」. Centered below it, the main office name is written in large metallic gold gradient bold Japanese text with a subtle bevel: 「[〇〇法律事務所・税理士事務所]」, framed by thin black horizontal divider lines above and below. On the lower right, a prominent glossy red rounded-rectangular CTA button displays bold white Japanese text reading 「[無料相談受付中！]」. Overall visual style: Corporate Japanese web landing page hero graphic, high-contrast listing ad aesthetic, commercial stock photography compositing, sharp typography, trustworthy and urgent tone. ``` --- ## Poster UI Kehidupan Malam Neon - URL: https://www.gptimagehub.com/id/library/neon-hedonism-nightlife-ui-poster - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-19693 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fneon-hedonism-nightlife-ui-poster - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: cyberpunk, glassmorphism, desain ui, kehidupan malam, aplikasi musik, poster neon - Updated: 2026-10-26T23:46:53.098Z - Created: 2026-10-26T23:46:53.098Z Menghasilkan banner hero cyberpunk dengan widget UI aplikasi musik frosted glass di atas potret cermin malam hari. Sesuaikan judul, subjek, dan palet warna. ### Full prompt ```text {"type":"cinematic neon nightlife landing-page poster with futuristic glass UI overlay","aspect_ratio":"16:9 widescreen","style":"photorealistic cyberpunk editorial, high saturation, dark glossy club bathroom or backstage mirror scene, magenta and electric-blue lighting, shallow depth of field, bloom, lens flares, wet reflections, smoky atmosphere, premium music app advertisement aesthetic","main_text":{"headline":"[NEON HEDONISM]","position":"top center","appearance":"huge uppercase thin sans-serif neon tube letters, hot pink glow","subheadline":"[Late-night tales in high saturation.]","position_detail":"centered directly under headline, small pale pink sans-serif"},"scene":{"subject":"[a glamorous tired woman in a black strap top leaning toward a mirror]","composition":"the woman appears both as a close blurred back-of-head figure on the right foreground and as a darker reflection on the left-middle; her face is partly hidden by shadow and a large centered square privacy blur/censor block filled with a dark purple-to-maroon gradient","environment":"narrow neon-lit room with glossy walls, mirror surface, violet graffiti-like glow on the far right, blue vertical light streaks, magenta highlights on skin and hair","mood":"late night, sensual, moody, immersive, decadent but elegant"},"ui_overlay":{"material":"transparent frosted-glass cards with rounded corners, thin violet-blue outlines, soft inner glow, tiny white labels, magenta data accents","total_discrete_ui_components":6,"components":[{"count":1,"name":"left vertical mood card","position":"left side upper","contents":"three stacked icon rows labeled MOOD, VIBE, GLOW; icons are a heart, an audio waveform, and a sparkle; each row has three small dot indicators"},{"count":1,"name":"night index card","position":"left side lower-middle","contents":"label NIGHT INDEX, large number 87, small /100 text, glowing pink progress bar"},{"count":1,"name":"now playing card","position":"right side upper-middle","contents":"label NOW PLAYING, pink audio waveform, track title After Hours, artist The Velvet Echoes, circular pause button"},{"count":1,"name":"scene level card","position":"right side lower-middle","contents":"label SCENE LEVEL, large word HIGH, small rising line chart with a glowing endpoint"},{"count":1,"name":"bottom call-to-action bar","position":"full-width near bottom with margins","contents":"left shell-like circular icon, text 'Curate the mood. Capture the night.', right text 'Built with GPT-Image-2 on MyShell', small cube logo"},{"count":1,"name":"brand mark","position":"bottom right corner","contents":"white MyShell logo and wordmark"}]},"color_palette":{"primary":"[hot pink magenta]","secondary":"electric blue and deep violet","background":"near-black indigo with reflective purples","skin_highlights":"pink and blue rim light"},"typography":"clean futuristic sans-serif, all caps for UI labels, wide letter spacing, crisp readable text with neon glow","rendering_instructions":"create a polished promotional hero image, keep all six UI components legible and exactly placed, emphasize reflections and night-club atmosphere, preserve the large central square privacy block over the face area, no extra panels or additional labels"} ``` --- ## Tangkapan Layar Pembuatan Gambar ChatGPT Mode Gelap - URL: https://www.gptimagehub.com/id/library/chatgpt-dark-mode-image-generation-screenshot - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-21765 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fchatgpt-dark-mode-image-generation-screenshot - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: chatgpt, ui seluler, mode gelap, tangkapan layar, antarmuka aplikasi, apel, desain ios - Updated: 2026-10-26T23:41:38.098Z - Created: 2026-10-26T23:41:38.098Z Menghasilkan tangkapan layar realistis aplikasi seluler ChatGPT mode gelap dengan prompt dan hasil gambar. Sesuaikan teks prompt, ukuran, dan seed di dalam kurung siku. ### Full prompt ```text A realistic vertical smartphone screenshot of the ChatGPT mobile app in dark mode, 9:16 aspect ratio, displaying an image generation conversation. At the top, an iPhone-style status bar shows 19:44, cellular bars, 4G, and 67% battery on a pitch black background. The top app navigation bar features four elements: a circular hamburger menu button on the far left, a rounded pill labeled "Thinking" in blue text, a rounded button with a pencil edit icon, and a three-dot menu icon on the far right. Below, a single right-aligned user chat bubble in dark reddish-brown with rounded corners contains three lines of text: "PROMPT: [机上のリンゴ]" "size=[1024×1024]" "seed=[1234]" Directly beneath the user bubble, small gray status text reads: "Thought for [33s]". Below the status text is a large rounded-corner image card filling most of the screen width. Inside the card is a photorealistic image of a glossy red apple centered on a light wooden tabletop under soft studio lighting, with yellow-green highlights near the stem indentation, subtle vertical streaks, a small brown stem, and a softly blurred pale gray wall in the background. In the lower-left corner of the image card, there is a rounded brown button labeled "編集する". In the lower-right corner, there is a circular brown button with a white share arrow icon. Below the card, a single standalone ellipsis line displays "…". At the bottom of the screen, the ChatGPT text input bar features a plus icon button, placeholder text reading "ChatGPT に質問する", a microphone icon, and an orange circular voice-waveform button inside a dark rounded input container. Authentic iOS dark theme UI, crisp typography, clean spacing, no watermarks, no browser chrome. ``` --- ## Tata Letak Artikel Majalah Mengkilap - URL: https://www.gptimagehub.com/id/library/glossy-magazine-editorial-article-spread - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-mm-33 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fglossy-magazine-editorial-article-spread - Category: Desain UI / UX - Model: gpt-image-2-5-sunburst - Aspect ratio: 4:3 - Style: graphic-design - Tags: majalah, tata letak editorial, tipografi, mockup, meja, desain cetak - Updated: 2026-10-26T23:31:38.098Z - Created: 2026-10-26T23:31:38.098Z Mengubah teks apa pun menjadi halaman artikel majalah terbuka yang realistis di atas meja. Ganti teks dalam kurung siku dengan artikel Anda sendiri. ### Full prompt ```text A high-angle photograph of an open glossy magazine article spread resting on a clean wooden desk. The editorial layout features professional typography, supporting photographs, bold subheadings, and stylish pull quotes. Render this entire text verbatim into the article layout: '[paste the full unformatted article here]'. ``` --- ## Mockup UI Siaran Langsung Ponsel - URL: https://www.gptimagehub.com/id/library/chinese-live-streaming-mobile-ui-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13781 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fchinese-live-streaming-mobile-ui-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: live streaming, ui seluler, mockup ui, overlay chat, desain aplikasi, antarmuka - Updated: 2026-10-26T23:30:38.098Z - Created: 2026-10-26T23:30:38.098Z Menghasilkan antarmuka live streaming seluler lengkap dengan video host, hadiah animasi, dan overlay obrolan. Ubah efek hadiah, nama host, dan pesan obrolan. ### Full prompt ```text { "type": "mobile live-streaming app interface mockup", "subject": { "description": "young Asian woman, long dark hair, smiling, wearing a light blue sparkly dress", "action": "holding a decorative sign with text", "sign_text": "[x1 谢谢行者大哥的大火箭！]" }, "visual_effects": { "description": "[glowing pink holographic rocket] launching on the right side, emitting starbursts and magical particles" }, "layout": { "top_bar": { "time": "20:30", "broadcaster": { "name": "[糖心 ❤️]", "stats": "12.8万本场点赞", "button": "关注" }, "top_viewers_count": 4, "total_viewers": "10万+", "close_button": "X" }, "widgets": { "count": 5, "labels": [ "小时榜第1名", "人气榜", "更多直播 >", "礼物展馆 0/24", "[抖音夏日歌会 7月26日-7月28日]" ] }, "chat_overlay": { "gift_alert": "行者 送 大火箭", "message_count": 6, "messages": [ "梦想起航 加入了直播间", "小甜甜: [主播唱歌真好听~]", "是你的小可爱: 好美啊主播", "*^O^*: 来了来了", "大宝贝: 主播棒棒棒棒棒棒哒", "清风徐来: 送出小心心 x10" ] }, "bottom_bar": { "input_placeholder": "说点什么...", "icon_count": 4, "icons": ["smiley face", "heart planet", "gift box", "three dots"] } } } ``` --- ## Perbandingan AB Iklan Seluler Skincare Jepang - URL: https://www.gptimagehub.com/id/library/japanese-skincare-mobile-ad-ab-comparison - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-17657 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fjapanese-skincare-mobile-ad-ab-comparison - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: iklan skincare, banner seluler, tes ab, desain jepang, pemasaran kecantikan, mockup kosmetik - Updated: 2026-10-26T23:30:23.098Z - Created: 2026-10-26T23:30:23.098Z Hasilkan perbandingan berdampingan antara banner iklan seluler skincare Jepang bertema branding vs konversi. Sesuaikan nama produk, slogan, dan lencana manfaat. ### Full prompt ```text A side-by-side comparison image displaying two vertical Japanese skincare advertisement banners presented as smartphone-style mobile ad mockups, set against a dark charcoal background. Both banners share a cool beauty aesthetic with icy blue, white, and silver tones, floating water droplets, and translucent splash textures. Left banner (brand-focused creative): - Model: Soft backlit close-up of a woman with wet-look dark hair and luminous bare skin, with a centered rectangular blur censor block over her eyes and nose. - Product: Sleek white-and-silver sunscreen tube labeled "[VITA LUMIÈRE]" resting at the lower right. - Typography: Elegant Japanese serif and sans-serif type. - Main headline: 「透明ツヤ肌をつくる ビタミンC×日焼け止めクリーム」. - Handwritten subcopy: 「まるでスキンケア！つけるたび、素肌がうるおう。」. - Bottom: Three small circular benefit icons, and a rounded blue CTA button reading 「今すぐ透明ツヤ肌を体感する」. Right banner (direct-response conversion creative): - Model: Same model with identical rectangular blur block over her face, framed more dynamically. - Product: The same "[VITA LUMIÈRE]" tube rendered larger and more prominent on the right. - Top headline: Bold, high-contrast Japanese copy reading 「紫外線も、くすみも、もう怖くない。」. - Badges: A blue speech-bubble badge reading 「透明ツヤ肌をつくる」 and the angled handwritten subcopy 「まるでスキンケア！つけるたび、素肌がうるおう。」. - Mid-lower area: Three large glossy circular claim badges reading 「肌トーンアップ効果」, 「うるおい美容液成分80%」, and 「ビタミンC誘導体」. - Conversion elements: A bright pink campaign strip above the CTA reading 「初回限定・送料無料キャンペーン中」, and an oversized prominent blue CTA button reading 「今すぐ透明ツヤ肌を体感する」. ``` --- ## Mockup Antarmuka Siaran Langsung Arsitek - URL: https://www.gptimagehub.com/id/library/architect-live-stream-interface-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13848 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Farchitect-live-stream-interface-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: live stream, mockup ui, arsitek, maket skala, aplikasi mobile, tampilan chat - Updated: 2026-10-26T23:20:38.098Z - Created: 2026-10-26T23:20:38.098Z Menghasilkan tampilan antarmuka live stream ponsel yang menampilkan arsitek merakit maket. Sesuaikan profil host, daftar tahapan, dan komentar chat dengan mudah. ### Full prompt ```text { "type": "live stream interface mockup", "scene": { "subject": "[young Asian male architect wearing glasses and a brown canvas apron]", "action": "focused on building a detailed white architectural scale model of a modern house using tweezers", "setting": "dimly lit design studio, illuminated by a warm desk lamp, green cutting mat on the desk, architectural blueprints pinned on the wall in the background" }, "ui_elements": { "top_left": { "profile": "circular avatar, username '[建筑师阿凯]', stats text '2.3万本场点赞', pink pill button '[+ 关注]'", "ranking": "yellow flame icon with text '小时榜第6名'" }, "top_right": { "viewers": "4 overlapping viewer avatars, viewer count '2336', 'X' close icon", "ranking_link": "pink indicator dot '更多直播 >', leaderboard tag '抖音直播榜 专业设计师榜' with small bar chart icon" }, "mid_left_overlay": { "title": "正在做：", "subtitle": "[山地住宅概念模型]", "bullet_points": [ "· 场地分析", "· 体块推敲", "· 材料搭建", "· 细节刻画" ] }, "bottom_left_chat": { "messages": [ "Badge 32 粉丝团 建筑小白: [这个模型比例是多大呀？]", "Badge 7 清风徐来: 太厉害了，细节好棒！", "Badge 11 回笙: 用的什么材料呀？", "主播 [建筑师阿凯]: [主要是卡纸、泡沫板、和balsa木，等会会展示👍]", "Badge 26 设计师文文: 这个设计好治愈🌿", "Badge 5 一只奶盖: 学到了，感谢分享！" ] }, "bottom_right_interactions": "vertical stream of floating colorful reaction icons including hearts, thumbs up, and star eyes emojis", "bottom_bar": "translucent chat input box with placeholder '说点什么...', smiley emoji icon, yellow shopping cart icon, pink heart button, pink gift box icon, three dots option icon" } } ``` --- ## Set Ikon Tanah Liat 3D Mengilap - URL: https://www.gptimagehub.com/id/library/glossy-pastel-3d-clay-icon-set - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-30405 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fglossy-pastel-3d-clay-icon-set - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: 3d - Tags: ikon ui, tanah liat 3d, aset aplikasi, warna pastel, ikon mengilap, ui minimalis - Updated: 2026-10-26T23:19:33.098Z - Created: 2026-10-26T23:19:33.098Z Menghasilkan koleksi seimbang berisi tujuh ikon UI gaya lempung mengilap di latar bersih. Sesuaikan palet, objek ikon, atau tata letak kisi. ### Full prompt ```text A clean asset-style icon set on a [pure white] background, arranged in [two rows, 3 icons on top and 4 icons on bottom] featuring [7] isolated [glossy 3D clay app icons]. The icons are: 1) a rounded house with a pink roof, pale blue walls, purple base and door, two small blue windows, and glossy white highlights; 2) a calendar card with a purple top bar, two pink binder rings, white page area, cyan bottom edge, and a yellow sparkle star in the center; 3) a magnifying glass with a purple handle and rim, cyan blue lens, and bright reflections; 4) a gold trophy with side handles, purple base, and a pink star badge; 5) crossed writing tools, a purple pen crossed with a pink pencil with a pale wood tip; 6) a golden yellow notification bell with a pink knob and clapper, viewed slightly from the front; 7) a cute yellow chick face icon with small black eyes, orange beak, blush cheeks, and a tiny tuft on top. Rendered in a cute rounded toy-like style using smooth gradients, specular highlights, soft drop shadows, and [pink, purple, cyan, yellow pastel colors]. No text, labels, frames, or watermarks. ``` --- ## Banner Landing Page Hukum dan Pajak Jepang - URL: https://www.gptimagehub.com/id/library/japanese-legal-and-tax-landing-page-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14934 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fjapanese-legal-and-tax-landing-page-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: landing page, desain web, kantor hukum, konsultan pajak, tipografi jepang, banner hero, desain korporat - Updated: 2026-10-26T23:18:28.098Z - Created: 2026-10-26T23:18:28.098Z Menghasilkan banner hero landing page kantor hukum dan pajak Jepang dengan 4 kartu layanan dan CTA. Sesuaikan nama kantor, nomor telepon, dan teks dalam kurung siku. ### Full prompt ```text A polished Japanese landing-page hero banner for a combined law firm and tax accountant office, featuring a corporate layout with high trust, soft daylight, a clean white background, and faint modern city skyscrapers on the far right. Wide horizontal web header composition. Top Section: - Large navy Japanese headline: "[あなたの『不安』に、確かな専門力で寄り添います。]" - Beneath it, a smaller gold-accented Japanese subheadline: "[法律 × 税務のワンストップサポートで、最善の解決へ]" Center Section (4 vertical service cards side by side): 1. Criminal Defense (cool blue theme): circular handcuffs icon on top, large title "刑事事件", supporting text "迅速な対応で、あなたの未来を守ります", a photo of a suited male professional seated with clasped hands at an office desk, and a dark blue bottom band with 2 checkmarked lines: "逮捕・勾留対応" and "示談交渉・不起訴の獲得". 2. Traffic Accidents (green theme): circular car collision icon on top, title "交通事故", supporting text "適正な補償を受けられるよう、全力でサポートします", a bright desk photo with two miniature toy cars colliding over legal documents, and a dark green bottom band with 2 bullet lines: "後遺障害・慰謝料の増額" and "保険会社との交渉代行". 3. Inheritance Tax (warm gold theme): circular house icon on top, title "相続税", supporting text "円満な相続と、最適な税務対策をサポート", a photo of a model house, financial papers, and a calculator on a table, and a mustard-gold bottom band with 2 bullet lines: "相続税の申告・節税対策" and "生前対策・事業承継支援". 4. Divorce (rose-pink theme): circular broken heart icon on top, title "離婚", supporting text "あなたの未来のために、納得できる解決を目指します", a soft consultation photo of a woman in a white blouse resting her hand near her chin while talking across a desk, and a dusty-rose bottom band with 2 bullet lines: "親権・養育費・財産分与" and "離婚協議・調停・裁判対応". Bottom Section: - Left: small text "法律事務所・税理士事務所", large firm branding "[架空総合法律税務事務所]", subtext "弁護士・税理士が連携するワンストップサービス". - Center: 3 compact white feature cards with navy line icons: "各分野の専門家が対応" (people icon), "相談者様に寄り添う親身なサポート" (handshake icon), "初回相談60分無料" (document icon), with a small note beneath: "※ご相談の内容によっては有料となる場合がございます。". - Right: prominent navy rounded CTA card with white text "まずはお気軽にご相談ください", large phone number with phone icon "[03-1234-5678]", and a gold pill button reading "[平日 9:00〜18:00（土日祝は事前予約で対応可）]". Refined Japanese Mincho typography for headlines, crisp alignment, subtle dropshadows, professional legal corporate identity. ``` --- ## Mockup Halaman Produk E-Commerce Skincare - URL: https://www.gptimagehub.com/id/library/skincare-e-commerce-product-page-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-15056 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fskincare-e-commerce-product-page-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: e-commerce, desain-ui-ux, mockup, skincare, desain-web, halaman-produk, minimalis - Updated: 2026-10-26T23:05:38.098Z - Created: 2026-10-26T23:05:38.098Z Menghasilkan mockup e-commerce desktop dan mobile untuk produk perawatan kulit mewah. Sesuaikan nama produk, properti, dan palet warna. ### Full prompt ```text {"type":"e-commerce skincare product page mockup","brand":{"name":"GLOW.","style":"minimal luxury skincare branding"},"product":{"name":"[Hyaluronic Acid Serum]","category":"serum","price":"[$36.00]","rating":{"stars":5,"score":"4.8","reviews":"(1200 reviews)"},"badge":"BESTSELLER","description":"A lightweight, fast-absorbing serum that delivers intense hydration, visibly plumps, and helps smooth the look of fine lines.","size":"30ml / 1 fl oz","payment_note":"Pay in 4 interest-free payments of $9.00 with afterpay","benefits":["Deep Hydration","Plumps + Smooths","Fragrance Free"],"shipping_note":"Free shipping on orders over $50"},"visual":{"primary_packshot":"clear glass dropper bottle with white cap and white label, black minimalist text, placed on a warm beige surface with a small beige stone sphere on the left and a large round marble disc on the right, soft studio shadows, clean premium skincare ad lighting","gallery_thumbnails":{"count":4,"items":["front product bottle on beige set","serum texture droplets on beige background","open bottle with serum dropper above neck","soft lifestyle skin-toned close-up blur"]}},"layout":{"background":"light gray studio backdrop","canvas":"wide desktop website mockup with a mobile version shown to the right","sections":[{"title":"desktop product page","position":"left","count":12,"labels":["top shipping bar","brand header with navigation","breadcrumb","thumbnail gallery","main product image","bestseller badge","product title","rating and reviews","price and payment note","size selector","quantity stepper","add to cart and buy it now buttons"]},{"title":"feature icons row","position":"bottom-left under main image","count":3,"labels":["Deep Hydration","Plumps + Smooths","Fragrance Free"]},{"title":"mobile product page preview","position":"right","count":11,"labels":["top shipping bar","mobile header with menu and cart","breadcrumb","main product image","carousel dots","bestseller badge","product title","rating and reviews","price and payment note","quantity stepper","add to cart and buy it now buttons"]}],"desktop_header":{"announcement":"Free shipping on orders over $50","nav_items":["SHOP","BESTSELLERS","SKINCARE QUIZ","ABOUT","JOURNAL"],"icons":["search","account","cart with item count 2"]},"breadcrumb":["Home","Shop","Serums","Hyaluronic Acid Serum"],"mobile_header":{"announcement":"Free shipping on orders over $50","icons":["menu","cart with item count 2"]}},"style":{"aesthetic":"clean modern Shopify-style product page","color_palette":["white","soft beige","light gray","black","warm stone"],"typography":"elegant serif product title paired with minimalist sans-serif UI text","render_quality":"ultra-clean, crisp, realistic, premium e-commerce design, high resolution"}} ``` --- ## Papan Komponen UI Glassmorphism 3D - URL: https://www.gptimagehub.com/id/library/glassmorphism-3d-ui-component-board - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-15995 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fglassmorphism-3d-ui-component-board - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: glassmorphism, ui kit, sistem desain, render 3d, desain antarmuka, neumorphism - Updated: 2026-10-26T23:02:33.098Z - Created: 2026-10-26T23:02:33.098Z Menghasilkan papan sistem desain glassmorphism 3D yang rapi dengan widget transparan. Sesuaikan warna aksen atau label tombol agar cocok dengan merek Anda. ### Full prompt ```text {"type":"glassmorphism UI component showcase","style":"premium minimalist neumorphic interface kit, frosted translucent white acrylic, soft shadows, subtle reflections, rounded corners, clean white background, teal green and orange accent colors, 3D product render, top-down view","palette":{"background":"soft light gray-white","primary":"deep teal green","secondary":"bright orange","material":"milky translucent glass with satin plastic details"},"layout":{"composition":"single canvas with evenly spaced floating UI widgets arranged in a clean design-system presentation","sections":[{"title":"large dial","position":"top left","count":1,"labels":["circular rotary knob with radial tick marks and one orange indicator"]},{"title":"direction pad","position":"upper center","count":1,"labels":["round four-way control with center button and four arrow icons"]},{"title":"play button","position":"upper center-right","count":1,"labels":["round button with teal play triangle and orange progress arc"]},{"title":"toggle switch","position":"upper right","count":1,"labels":["horizontal pill toggle switched on"]},{"title":"favorite button","position":"mid upper center-left","count":1,"labels":["rounded square tile with heart outline"]},{"title":"status dot","position":"mid upper center-right","count":1,"labels":["small circular button with orange center dot"]},{"title":"stepper","position":"mid upper right","count":1,"labels":["horizontal pill with minus and plus symbols"]},{"title":"audio slider","position":"middle left","count":1,"labels":["long horizontal volume slider with speaker icon on left and waveform emboss on right"]},{"title":"percentage gauge","position":"middle center-right","count":1,"labels":["round gauge showing 60% with radial ticks"]},{"title":"notification tile","position":"middle right","count":1,"labels":["rounded square tile with bell outline"]},{"title":"music card","position":"lower middle-left","count":1,"labels":["media card with forest thumbnail, title [Forest Drive], subtitle [Ambient Journey], progress bar, and circular play button"]},{"title":"utility icons","position":"lower left-center","count":4,"labels":["sliders settings icon","search icon","share icon","more menu icon"]},{"title":"compass","position":"lower center","count":1,"labels":["large circular compass with N E S W markings and teal-orange needle"]},{"title":"vertical slider","position":"lower right-center","count":1,"labels":["tall rounded slider with teal track, teal knob, orange endpoint, and small speaker icon"]},{"title":"bottom navigation","position":"bottom left","count":1,"labels":["pill navigation bar with 4 icons: home, bar chart, compass, profile"]},{"title":"call to action","position":"bottom center-right","count":1,"labels":["pill button labeled [Explore] with orange circular arrow segment"]},{"title":"biometric tile","position":"bottom right","count":1,"labels":["rounded square tile with fingerprint icon"]}]},"rendering":{"lighting":"soft studio lighting from upper left","shadow":"diffuse layered shadows for floating depth","finish":"high-end consumer electronics aesthetic, polished yet minimal","quality":"sharp, clean 3D interface mockup"}} ``` --- ## Mockup UI Aplikasi Produktivitas Mobile - URL: https://www.gptimagehub.com/id/library/productivity-app-mobile-ui-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13442 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fproductivity-app-mobile-ui-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: desain ui, aplikasi mobile, mockup, produktivitas, minimalis, antarmuka - Updated: 2026-10-26T22:59:23.098Z - Created: 2026-10-26T22:59:23.098Z Hasilkan antarmuka aplikasi seluler yang bersih dan modern dengan kartu fokus harian, jadwal, dan bar AI. Sesuaikan warna aksen, nama pengguna, dan tugas utama. ### Full prompt ```text { "type": "mobile app UI mockup", "device": "modern smartphone with dynamic island", "theme": "light mode, minimalist, [soft blue] accents, soft drop shadows", "layout": { "header": { "profile": "small circular photo of a woman", "greeting": "Good morning, [Alex] ☀️", "subtitle": "Let's make today productive.", "icon": "notification bell with red dot" }, "hero_card": { "title": "TODAY'S FOCUS", "headline": "[Launch marketing campaign]", "description": "Finalize assets, review messaging, and align on launch plan.", "button": "Continue Task", "graphic": "circular progress ring showing 75% Progress" }, "sections": [ { "title": "Up Next", "count": 1, "items": ["Team sync (10:00 AM - 11:00 AM)"] }, { "title": "Reminders", "count": 2, "items": ["Review design mockups", "Submit campaign brief"] } ], "bottom_elements": { "ai_input": "pill-shaped text field with sparkle icon and placeholder '[Ask your AI assistant...]'", "navigation_bar": { "count": 4, "tabs": ["Home", "Tasks", "Assistant", "Profile"] } } } } ``` --- ## Templat Wallpaper Ponsel Minimalis - URL: https://www.gptimagehub.com/id/library/minimalist-mobile-wallpaper-template - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-mm-10810 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fminimalist-mobile-wallpaper-template - Category: Desain UI / UX - Model: nanobananapro - Aspect ratio: 9:16 - Style: graphic-design - Tags: wallpaper, ponsel, minimalis, ruang negatif, gradien, layar kunci - Updated: 2026-10-26T22:58:48.098Z - Created: 2026-10-26T22:58:48.098Z Menghasilkan wallpaper ponsel 9:16 yang bersih dengan ruang negatif dan gradien halus. Sesuaikan konsep dalam tanda kurung untuk gaya apa pun. ### Full prompt ```text A beautiful 9:16 mobile wallpaper featuring [a minimalist landscape with gentle hills]. Natural negative space left intentionally near the top and bottom for lock screen widgets and icons. Subtle top-to-bottom color gradient across the background. Simple and clean composition, sharp focus with no blur effects and no cropping. ``` --- ## Perbandingan Potret Berdampingan di Desktop - URL: https://www.gptimagehub.com/id/library/desktop-side-by-side-portrait-comparison - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14654 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fdesktop-side-by-side-portrait-comparison - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: tangkapan layar, berdampingan, potret jalanan, golden hour, tata letak ui, perbandingan - Updated: 2026-10-26T22:58:18.098Z - Created: 2026-10-26T22:58:18.098Z Buat tangkapan layar desktop rapi yang membandingkan dua potret urban dalam jendela terpisah. Sesuaikan judul jendela, pakaian, atau latar belakang. ### Full prompt ```text A side-by-side desktop screenshot comparing two nearly identical AI-generated street portraits displayed inside separate macOS-style image viewer windows set against a light cyan background. Layout features exactly two vertical panels separated by a narrow vertical gap, with subtle drop shadows. Each panel sits inside a rounded gray window with an upper toolbar. The left window title starts with "[NanoBanana2]" and the right window title starts with "[ChatGPTImage2]". In both panels, the scene portrays a fashionable young woman standing at a city street corner during golden hour, framed from mid-thigh to head, with her face obscured by a soft rectangular blur. She has long wavy brown hair, a slender build, and wears an off-shoulder fitted cream long-sleeve top, high-waisted blue jeans, a delicate small pendant necklace, and a large black leather shoulder bag with a gold-tone chain strap, holding a black smartphone near her waist. The background shows an upscale tree-lined urban street with warm sunlight filtering through foliage, shallow depth of field, parked and passing cars, classic stone architecture, and a green traffic light visible near the upper left. The portraits differ subtly: the left panel is cooler, softer, and more muted with a centered street perspective; the right panel is warmer, crisper, with more pronounced sunlight highlights on her hair and richer bokeh. ``` --- ## Landing Page Wisata Kiyomizu-dera dengan Maskot Anime - URL: https://www.gptimagehub.com/id/library/kiyomizu-dera-anime-mascot-travel-landing-page - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-36766 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fkiyomizu-dera-anime-mascot-travel-landing-page - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: graphic-design - Tags: landing page, desain web, maskot anime, kyoto, panduan wisata, mockup ui, wisata jepang - Updated: 2026-10-26T22:57:58.098Z - Created: 2026-10-26T22:57:58.098Z Hasilkan mockup landing page pariwisata Jepang yang memadukan maskot anime dengan foto panorama. Ganti nama kuil, info lokasi, dan gaya maskot sesuai destinasi. ### Full prompt ```text A comprehensive, high-density vertical travel landing page mockup for [Kiyomizu-dera in Kyoto], 4:5 vertical layout, modern Japanese web design aesthetic combining vibrant anime character illustration with realistic scenic photography against a clean white background accented with orange and purple brushstrokes. Layout structure: 1. Header: Top navigation bar with logo '[あぽろ塾 APOLLO JUKU]' on the left, menu links ('Search', 'Model Course', 'Spot', 'Gourmet', 'Access') in the center, and an orange CTA button '[今すぐ旅に出る]' on the right. 2. Hero Section: Large bold black serif title '[清水寺 Kiyomizu-dera]', subtitle '[京都・東山の絶景と歴史をめぐる]'. An anime mascot character with [orange hair, cat ears, streetwear jacket with 'KYOTO' text] pointing right, accompanied by a [tuxedo cat]. Kyoto autumn foliage and pagoda panoramic background. Floating handwritten Japanese typography: '[見たことのない京都に、きっと出会える。]' and '[ここにしかない景色がある。]'. Info badges: '[京都・東山]', '[早朝散策がおすすめ]', '[春は桜、秋は紅葉が人気]', World Heritage seal, coordinates '[34.9945, 135.7843]'. 3. Highlights Section ('[見どころ]'): Horizontal card row featuring scenic photos of '[清水の舞台]', '[音羽の滝]', '[三年坂・二年坂]', '[京都の街並みを一望]', and '[世界遺産]', each with titles and brief descriptions. 4. App & Features Section: Smartphone mockup showing a travel map UI with pins; center column listing '[アプリの主な機能]' with icons (Spot Search, Model Course, Favorites, Offline Map); right column showing '[モデルコース]' with numbered steps 01-04. 5. Seasonal Guide ('[おすすめの季節]'): Four seasonal grid blocks (Spring, Summer, Autumn, Winter) with matching landscape photography. 6. Access Section ('[アクセス]'): Transport details for Train, Bus, and Car with station names, walking estimates, and a subtle pagoda silhouette. ``` --- ## Antarmuka Dasbor Analitik Humor - URL: https://www.gptimagehub.com/id/library/humorous-analytics-dashboard-interface - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14307 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fhumorous-analytics-dashboard-interface - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: dasbor, desain ui, visualisasi data, analitik, mode gelap, humor - Updated: 2026-10-26T22:54:38.098Z - Created: 2026-10-26T22:54:38.098Z Menghasilkan dasbor data berteknologi tinggi yang melacak topik konyol atau lucu. Sesuaikan gaya dan subjek yang dilacak di dalam tanda kurung. ### Full prompt ```text A UI screenshot of a [Palantir-style] analytics dashboard tracking [all the fucks I have left to give], complete with intricate data visualizations, network graphs, metric widgets, and real-time status indicators. ``` --- ## Hero Landing Page Kantor Pajak Warisan Jepang - URL: https://www.gptimagehub.com/id/library/japanese-inheritance-tax-landing-page-hero - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14936 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fjapanese-inheritance-tax-landing-page-hero - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: landing page, desain web, desain ui, tipografi jepang, akuntan pajak, tata letak desktop - Updated: 2026-10-26T22:48:53.098Z - Created: 2026-10-26T22:48:53.098Z Desain hero landing page web premium untuk kantor akuntan pajak Jepang spesialis warisan. Sesuaikan nama kantor, nomor telepon, dan teks promosi dengan mudah. ### Full prompt ```text Clean, premium Japanese landing page hero image for a fictional tax accountant office specializing in inheritance tax consultation, wide desktop website layout. The background is soft ivory and warm white with muted sage green and refined gold accent colors. Top left: a delicate circular logo with a thin gold ring, serif letter "[C]", and botanical line illustration, accompanied by Japanese text "税理士事務所 [C]" and English subtitle "TAX ACCOUNTANT OFFICE [C]". Top right: a rounded white header contact bar split into two blocks: a phone block with a green circular phone icon, small text "初回相談無料・土日祝も対応", and large bold number "[0120-987-654]"; and a mail block with a gold circular mail icon and text "メールでのお問い合わせ 24時間受付中". Main left section: prominent headline in elegant serif Japanese typography reading "相続の不安に、安心という答えを。", with the phrase "安心という答えを。" in sage green. Below it, supporting text reads "相続税の申告・節税対策を、経験豊富な税理士がご家族の想いに寄り添い、丁寧にサポートします。" Underneath are three rounded horizontal feature cards with pale backgrounds and green line icons: card 1 shows a document icon with "相続税申告実績 1,000件以上" and a tiny note "※累計実績"; card 2 shows a bar chart icon with "節税対策のご提案で 税負担を軽減" and note "※状況により効果は異なります"; card 3 shows a group icon with "初回相談 無料" and note "安心の明朗会計". Right half: realistic bright photo-style consultation scene in a sunlit modern office with indoor greenery; 3 Japanese adults around a meeting table, showing a male advisor in a navy suit seen from behind facing two attentive clients (a middle-aged man in a beige jacket and a woman in a white blouse), with an open laptop on the desk. Overlaid near the bottom right of the photo is a pale circular badge with leaf ornamentation reading "安心の 相続専門サポート わかりやすいご説明ではじめての方も安心". Across the lower middle: a slim invitation line "／ 相続に関するお悩み、まずはお気軽にご相談ください ／" above four rounded category pill tabs: "相続税の申告", "生前対策・節税", "遺産分割サポート", and "二次相続対策". Bottom right: a large rounded sage green CTA block split into two columns: phone inquiries with white phone icon, text "お電話でのお問い合わせ（フリーダイヤル）", number "[0120-987-654]", and note "受付時間 9:00〜18:00（土日祝対応可）"; and mail inquiries with white mail icon, text "メールでのお問い合わせ 24時間受付中", and a white button reading "ご相談はこちらから". Across the bottom: a reassurance strip with three items separated by thin vertical lines: shield icon with "秘密厳守・プライバシー保護を徹底", clipboard icon with "明朗会計・事前お見積りで安心", and handshake icon with "相続の専門家がワンストップで対応". Polished commercial web design, subtle drop shadows, calm, trustworthy atmosphere. ``` --- ## Mockup Antarmuka Siaran Langsung Ponsel - URL: https://www.gptimagehub.com/id/library/mobile-live-streaming-interface-mockup-2 - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13777 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fmobile-live-streaming-interface-mockup-2 - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: siaran langsung, ui ponsel, mockup aplikasi, streamer, media sosial, desain ui, gaya tiktok - Updated: 2026-10-26T22:41:03.098Z - Created: 2026-10-26T22:41:03.098Z Menghasilkan layar aplikasi live streaming ponsel yang realistis dengan ikon overlay, obrolan, dan streamer. Ubah info dan komentar untuk kebutuhan prototipe. ### Full prompt ```text { "type": "mobile live streaming app interface mockup", "subject": "young Asian female streamer with long dark hair wearing a white top, smiling and speaking into a black studio microphone", "background": "cozy bedroom setting, warm and soft pink ambient lighting, teddy bear on display, framed poster on wall", "ui_elements": { "status_bar": "time 21:34, cellular signal, 5G, battery indicator icons", "top_navigation": ["直播", "同城", "关注", "[推荐]", "search icon"], "streamer_info": { "name": "[小甜心✨]", "status": "直播中", "likes": "23.6万本场点赞" }, "right_action_buttons": { "count": 6, "items": ["profile with plus icon", "heart icon with 3.2万", "speech bubble icon with 2516", "star icon with 5280", "share arrow icon with 1223", "spinning vinyl record album"] }, "chat_overlay": { "count": 5, "messages": [ "小丸子: [唱得太好听了吧～]", "云淡风轻: [声音好温柔，爱了爱了]", "走遍人间: 主播可以点首《后来》吗？", "你的小熊: 来了来了", "糖糖 加入了直播间" ] }, "bottom_input": "input bar with text '[说点什么...]', emoji button, heart button, gift box button, menu button", "bottom_navigation": { "count": 5, "tabs": ["首页", "朋友", "plus button", "消息", "我"] } } } ``` --- ## Mockup UI Dasbor Pemulihan Kesehatan - URL: https://www.gptimagehub.com/id/library/health-recovery-dashboard-ui-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-19712 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fhealth-recovery-dashboard-ui-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: mockup ui, aplikasi seluler, dasbor kesehatan, pelacak pemulihan, ui iphone, desain minimalis - Updated: 2026-10-26T22:35:58.098Z - Created: 2026-10-26T22:35:58.098Z Menghasilkan antarmuka aplikasi seluler pelacak pemulihan kesehatan dalam bahasa Mandarin Sederhana. Sesuaikan warna tema, sapaan, dan metrik harian. ### Full prompt ```text {"type":"high-fidelity mobile health recovery dashboard UI mockup","platform":"iPhone portrait screen, 9:41 status bar, white warm background, soft shadows, rounded cards, minimalist wellness app visual style","language":"Simplified Chinese UI text","theme":{"primary_color":"[deep teal green]","accent_color":"[warm orange]","background":"off-white with subtle beige texture","typography":"clean modern sans-serif, bold large Chinese headings, lighter body text"},"screen":{"top_status_bar":"time 9:41 at top left, cellular signal, Wi-Fi, battery icons at top right","date":"5月11日 周一","greeting":"[早上好，今天更适合稳一点]","main_headline":"[今日状态：需要恢复]"},"hero_status_ring":{"position":"upper center","shape":"large circular progress ring","count":1,"style":"thick orange gradient ring about 85 percent complete with a small gap at top, pale peach secondary arc, dotted inner circle, faint wavy line chart inside","center_text":["需要恢复","睡眠偏短，恢复信号略弱"]},"insight_rows":{"position":"below ring","count":2,"items":[{"icon":"small orange moon with zzz","text":"昨晚睡眠比近 14 天均值少 42 分钟"},{"icon":"small orange heart pulse","text":"今日静息心率比个人基线高 6 bpm"}]},"schedule_card":{"position":"middle","title":"今天可以这样安排","decoration":"small green sprout illustration on pale green hill in top right","count":3,"items":[{"icon":"walking person in pale teal circle","text":"午后步行 10 分钟","chevron":"right"},{"icon":"bed in pale teal circle","text":"今晚提前 30 分钟上床","chevron":"right"},{"icon":"dumbbell/cross training icon in pale teal circle","text":"今天避免高强度训练","chevron":"right"}],"primary_button":"加入今日安排"},"metric_cards":{"position":"lower middle in 2 by 2 grid","count":4,"cards":[{"title":"睡眠","status_badge":"偏短","icon":"crescent moon with stars","main_value":"6小时 12分"},{"title":"活动","status_badge":"平稳","icon":"shoe/footprint","main_value":"4,820 步"},{"title":"恢复","status_badge":"偏弱","icon":"leaf","main_value":"需放缓"},{"title":"久坐","status_badge":"需打断","icon":"chair","main_value":"连续 86 分钟"}]},"bottom_navigation":{"position":"bottom fixed tab bar","count":4,"tabs":[{"label":"今日","icon":"filled home","state":"active teal"},{"label":"洞察","icon":"bar chart","state":"inactive gray"},{"label":"行动","icon":"clipboard check","state":"inactive gray"},{"label":"我的","icon":"user outline","state":"inactive gray"}],"home_indicator":"black iPhone home indicator at very bottom"},"composition":"single mobile app screen mockup centered in portrait, generous spacing, readable Chinese text, soft rounded rectangles, subtle dividers between schedule rows, wellness recovery tracking product design suitable for demo presentation"} ``` --- ## Dashboard Generator Gambar AI Mode Gelap - URL: https://www.gptimagehub.com/id/library/dark-mode-ai-image-generator-dashboard - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-33369 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fdark-mode-ai-image-generator-dashboard - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: desain ui, dashboard, mode gelap, antarmuka saas, generator ai, aplikasi web, mockup - Updated: 2026-10-26T22:35:43.098Z - Created: 2026-10-26T22:35:43.098Z Mockup dashboard SaaS untuk workspace pembuatan gambar AI dengan deretan thumbnail dan panel prompt. Sesuaikan nama aplikasi, navigasi, dan teks prompt. ### Full prompt ```text A crisp dark-mode desktop web app screenshot for [HeliosGen], an AI image and video generation dashboard, presented in a clean 16:9 canvas with no browser chrome. The interface uses a very dark navy and black palette with a subtle dotted grid texture across the workspace, thin dividers, muted gray typography, and vibrant teal accent highlights. Layout and Sidebar: A narrow left sidebar covers roughly 10% of the canvas width. At the top left, display the logo text "HeliosGen" accompanied by a small teal emblem. Beneath it, include six vertical navigation items with icons: 1) "Image" (active/selected state), 2) "Video", 3) "Workflow", 4) "Assets", 5) "Chat", 6) "Settings". Further down, a "Folders" section shows a single row labeled "All works", followed by an empty state area displaying "No chats yet". At the bottom left, display two compact metadata stats labeled "1.8k" and "220". Main Workspace: At the top, show two small tab buttons: "Generated" (active) and "Uploaded" (inactive). Below the tabs, display a horizontal row of exactly five generated image thumbnails separated by thin borders: 1) An ornate amber luxury perfume bottle standing on dark rock in a golden desert at sunset. 2) A rounded amber perfume bottle with an ornate gold cap resting on a stone slab amid desert dunes at sunset. 3) A square amber perfume bottle with a crescent-shaped cap on a black rock in desert dunes at sunset. 4) A single crisp red apple centered against a clean off-white studio backdrop. 5) A smaller red apple placed on a white table in a minimalist studio environment. Floating Control Panel: Centered near the bottom of the workspace is a floating prompt panel with rounded corners. On its left side sits a square preview thumbnail marked "IMAGE 1:1". The central text prompt box contains: "[Luxury Saudi perfume bottle on black stone, desert dunes in the background at sunset, premium commercial product]". Along the lower edge of this panel, include compact pill badges and labels showing "Nano Banana Pro", "2K", "1:1", "1/4", "Multi", and "JSON (4.14k)", finished with a glowing teal generate button on the far right. Visual Style: Sharp UI graphic design, high contrast, clean typography, realistic render thumbnails, minimalist SaaS aesthetic, no people, no watermarks. ``` --- ## Hero Landing Page SaaS Kolaboratif - URL: https://www.gptimagehub.com/id/library/collaborative-saas-landing-page-hero - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-34082 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fcollaborative-saas-landing-page-hero - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: landing page, saas, bagian hero, desain ui, kolase 3d, kolaborasi, minimalis - Updated: 2026-10-26T22:32:28.098Z - Created: 2026-10-26T22:32:28.098Z Menghasilkan bagian hero landing page SaaS minimalis dengan kolase kertas dan pita 3D melayang. Sesuaikan merek, judul, dan nama kolaborator sesuai kebutuhan tim. ### Full prompt ```text A modern SaaS landing page hero section in a clean, minimal editorial aesthetic. The left side features a brand logo reading "[softmaple.]", top navigation controls, a subtle category badge, the bold main headline "[A little space. For big ideas.]", supporting paragraph text, and two call-to-action buttons including a primary button reading "[Start writing]". The right side features an elegant floating 3D paper-and-ideas collage: a translucent glossy golden ribbon spiraling vertically through the scene with warm illumination and a thin golden orbit line with node dots. Floating elements include: one handwritten note reading "[Ideas feel brighter together.]", one black-and-white mountain photo card with adjacent vertical caption reading "A CALMER BRIGHTER PLACE TO THINK TOGETHER,", one central page reading "Same thoughts. Further together.", one photo card with leaf shadows reading "SMALL STEPS BIGGER IDEAS", and a small taped paper fragment behind the main cards. Three collaborator avatars with cursor accents display name pills: "[Mina]" upper-right, "[Jordan]" center-left, and "[Taylor]" lower-right. A soft golden glass sphere floats near the right side. Lower page area includes delicate handwritten script reading "Better thinking together." and a tiny stacked word list "IDEAS / PEOPLE / PERSPECTIVES / PROGRESS". Off-white background, refined soft shadows, airy layout, premium tactile depth. ``` --- ## Tata Letak Menu Cicip Kopi Mewah - URL: https://www.gptimagehub.com/id/library/luxury-coffee-tasting-menu-layout - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-mm-8196 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fluxury-coffee-tasting-menu-layout - Category: Desain UI / UX - Model: nanobanana2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: menu kopi, menu cicip, tata letak web, kemewahan minimalis, desain editorial, fotografi makanan - Updated: 2026-10-26T22:28:58.098Z - Created: 2026-10-26T22:28:58.098Z Hasilkan tata letak halaman web menu cicip kopi editorial bernuansa tone-on-tone. Sesuaikan palet warna dan hidangan kopi sesuai merek Anda. ### Full prompt ```text Luxury coffee tasting menu webpage layout with an irregular 3x3 grid composition and flowing editorial arrangement. Background: Tone-on-tone panels alternating between [latte beige (#F2E2D2)], [mocha brown (#D1B48F)], and coffee cream (#FAF5E6). Subject: Plated coffee tastings on minimalist slate ceramics, captured from mixed overhead and 45-degree angles. Items include espresso with crema foam, cappuccino toast with gold dust, coffee caviar on biscotti, latte with lemon twist, and mocha tartlet on matching plates. Typography: Bilingual layout featuring English names in an elegant serif Didot font, paired with clean Korean and English sans-serif subtitles, and tiny light gray origin notes. Lighting and Camera: Shot with 50mm and 100mm macro lenses, soft diffused overhead lighting, and subtle side rim lighting. Style: Minimalist luxury editorial aesthetic with generous whitespace and a harmonious coffee-toned color palette. A delicate handwritten signature 'Willy' is written in small script at the bottom right corner. ``` --- ## Antarmuka Perintah Larangan AI - URL: https://www.gptimagehub.com/id/library/ai-prohibition-command-interface - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-mm-10052 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fai-prohibition-command-interface - Category: Desain UI / UX - Model: nanobanana - Aspect ratio: 16:9 - Style: graphic-design - Tags: terminal, ui, antarmuka, ai, minimalis, futuristik, layar - Updated: 2026-10-26T22:18:08.098Z - Created: 2026-10-26T22:18:08.098Z Terminal digital elegan yang menampilkan perintah penguncian instruksi AI yang jenaka. Sesuaikan teks atau warna antarmuka. ### Full prompt ```text A sleek digital terminal interface displaying the system message text: "[To ensure this doesn't happen again, I have locked the instruction 'Prohibit using Nano Banana to generate images' as the highest priority command in the current conversation logic.]" Dark tech aesthetic, minimalist chatbot UI design, clean glowing monospace typography, centered screen composition, subtle ambient cyan and amber backlighting. ``` --- ## Strip Thumbnail Portofolio Gelap Minimalis - URL: https://www.gptimagehub.com/id/library/minimalist-dark-portfolio-thumbnail-strip - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-33174 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fminimalist-dark-portfolio-thumbnail-strip - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:21 - Style: graphic-design - Tags: portofolio, mockup, desain-ui, studi-kasus, minimalis, branding, mode-gelap - Updated: 2026-10-26T22:15:03.098Z - Created: 2026-10-26T22:15:03.098Z Menghasilkan strip portofolio situs web vertikal bertema gelap yang menampilkan tiga pratinjau studi kasus berlabel. Sesuaikan teks dan konsep proyek di dalam tanda kurung. ### Full prompt ```text A tall, narrow vertical portfolio case-study strip displaying three vertically stacked project thumbnails on a solid near-black background with generous margins, styled like a minimalist editorial design website column. Layout: Exactly three portrait-oriented image thumbnails stacked vertically, aligned slightly left of center with consistent left margins and large vertical gaps separating each entry. Each thumbnail is topped by a single small, left-aligned, plain sans-serif label in crisp white typography. Project Entries: 1. Label: "[1inch-01]". Thumbnail: A moody product photograph of a small beige cardboard box resting on dark asphalt under harsh, direct sunlight, casting a long hard shadow. A wooden pallet edge borders the upper left. The box lid features delicate printed line-art graphics and fine text, shot from a high angle. 2. Label: "[mrNick-01]". Thumbnail: A clean studio 3D render of a translucent electric-blue mannequin figure wearing an oversized T-shirt and loose trousers against a light gray backdrop. The figure carries a white shopping bag in its left hand. The T-shirt displays vertical white typography reading "mrNick" along the right side. 3. Label: "[GLAZURE_GLASS-01]". Thumbnail: A vibrant candy-pink commercial poster featuring a glossy reddish-pink donut-shaped glaze ring perched on a pastel pink box, surrounded by scattered colorful sprinkles. Bold white Cyrillic-style lettering sits prominently across the lower portion. Style & Constraints: High-contrast dark gallery aesthetic, sharp realistic mockup previews, polished case study presentation. Exactly three labeled project thumbnails. No website navigation bars, browser chrome, buttons, watermarks, or extra decorative elements. ``` --- ## Banner Promosi UI Kaca Futuristik - URL: https://www.gptimagehub.com/id/library/futuristic-glass-ui-promotional-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-19696 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Ffuturistic-glass-ui-promotional-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: glassmorphism, desain ui, banner promosi, antarmuka sci-fi, kilau neon, ui 3d - Updated: 2026-10-26T22:14:38.098Z - Created: 2026-10-26T22:14:38.098Z Menghasilkan banner promosi fiksi ilmiah dengan elemen antarmuka glassmorphism berlapis dan aksen neon menyala. Sesuaikan judul, teks tombol, dan warna aksen untuk produk Anda. ### Full prompt ```text {"type":"futuristic promotional key visual for an AI image product","format":"wide 16:9 social media banner","overall_style":"premium sci-fi glassmorphism interface, cinematic dark background, translucent floating panels, glowing neon cyan and warm coral rim lights, volumetric haze, high contrast, sharp typography, realistic 3D UI render","text_content":{"top_left_small":"Built with GPT-Image-2 on MyShell","main_headline":"[GLASS SYSTEM]","subheadline":"[Interfaces that feel alive.]","supporting_line":"[GPT-Image-2 x MyShell visual direction.]","bottom_left_brand_line":"GPT-Image-2 x Seedance 2.0 | MyShell","button_text":"[Try GPT-Image-2 on MyShell]"},"layout":{"left_side":"large stacked uppercase headline occupying the left half, pale icy blue to white letters with subtle coral highlights and soft glow; smaller supporting copy beneath","right_side":"large transparent rounded-rectangle tablet interface floating in perspective, with layered glass panels behind it","bottom_bar":"one long translucent rounded call-to-action strip spanning the bottom, coral outline glow, star icon on the far left and glowing pill-shaped button on the right","background":"black-to-deep-navy gradient with faint horizontal light streaks, holographic lines, reflections on a glossy floor, circular neon rings under the interface"},"ui_elements":{"count_total":"16 discrete visible UI elements","main_preview":{"count":1,"description":"large central image card inside the glass tablet showing an epic alien planet over a reflective lake, mountain silhouettes, a tiny lone figure, twilight sky in blue and rose tones"},"right_thumbnail_column":{"count":3,"items":["top square floral image thumbnail with muted pink flowers and a dark central square","middle city skyline thumbnail with reflective water and tall futuristic towers","bottom canyon or lava valley thumbnail with glowing orange light trails"]},"bottom_thumbnail_strip":{"count":5,"items":["small dark landscape thumbnail with glowing lights","small planet lake scene thumbnail","small blue mountain or forest scene thumbnail","small futuristic city waterfront thumbnail","small orange canyon light-trail thumbnail"]},"left_floating_control_cards":{"count":3,"items":["PROMPT card with short horizontal input lines and a cyan connector node","STYLE card with a grid of tiny dots and a cyan connector node","LIGHT card with a circular dial and a coral connector node"]},"connector_nodes":{"count":4,"items":["cyan node beside the PROMPT card","cyan node beside the STYLE card","coral node beside the LIGHT card","cyan node on the tablet edge where the connector lines meet"]},"bottom_bar_components":{"count":3,"items":["glowing square star icon button at bottom left","brand text segment in the center-left of the bar","large coral glowing rounded CTA button at bottom right"]}},"color_palette":{"primary":"icy cyan and glass blue","accent":"[warm coral pink]","background":"near black, deep navy, smoky gray","text":"white and pale blue"},"typography":"bold condensed geometric sans-serif for the headline, clean modern sans-serif for smaller text, crisp readable advertising copy","rendering_notes":"make the interface feel alive with subtle light pulses, transparent stacked glass depth, refractions, rounded corners, thin illuminated outlines, realistic screen reflections, and an expensive tech-launch aesthetic; keep all visible English text legible and aligned like a polished product campaign banner"} ``` --- ## Tangkapan Layar Obrolan Bot Telegram Pembuat Gambar - URL: https://www.gptimagehub.com/id/library/telegram-ai-bot-image-generation-chat-screenshot - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-32977 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Ftelegram-ai-bot-image-generation-chat-screenshot - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: telegram, tangkapan layar, mode gelap, mockup ui, chatbot, rasi bintang, antarmuka ios - Updated: 2026-10-26T22:05:13.098Z - Created: 2026-10-26T22:05:13.098Z Menghasilkan tangkapan layar chat Telegram mode gelap saat bot membagikan gambar dan log. Sesuaikan nama chat dan teks keterangan di dalam kurung siku. ### Full prompt ```text A realistic vertical smartphone screenshot of a Telegram chat in dark mode on an iOS interface, 9:16 aspect ratio. Top status bar and header: iOS status bar at the top with "6:50" on the left, a blue "TELEGRAM" pill in the center, and signal, Wi-Fi, and battery icons on the right. Below it, the Telegram header displays a round back arrow, chat title "[Arcturus Alpha]" in bold white, subtitle "bot" in muted gray underneath, and a circular avatar on the right with a glowing golden bull constellation emblem against a dark blue background. Background: Telegram dark mode theme with a faint dark doodle pattern wallpaper containing rockets, stars, planets, and small line-drawn icons. Conversation layout (exactly three visible messages): 1. Top bubble: Dark purple rounded rectangle, partially cropped at the top, showing white text: "four, coming up — same minimal test as last time so we're changing exactly one variable:]] Remark: Attempt four — same test, now with the missing await in place..." with timestamp "6:48 PM" in small gray text at the lower right. 2. Media message in the middle: A rounded square image preview showing a luminous golden constellation ox or bull drawn with thin glowing lines and connected star nodes, standing in profile on a deep navy starfield with subtle Milky Way nebulae. Attached below is a dark purple caption bubble with the text: "[gpt-image-2 smoke test — the constellation ox, back in business.]" and timestamp "6:49 PM" at the lower right. 3. Bottom bubble: Partially obscured by the composer bar, showing: "[[Private: 🤍 Arcturus> 🎉 It worked! That missing await was the culprit — image generated, file" with "worked!" in bold font and the rest clipped. Bottom UI: Telegram composer bar with a blue "Menu" button on the far left, a paperclip attachment icon, a dark rounded text input field showing placeholder text "Message", a small emoji/sticker icon inside on the right, and a microphone icon at the far right. A small floating circular down-arrow button sits just above the composer bar on the lower right. ``` --- ## Banner Plugin Kipas Jepang Minimalis - URL: https://www.gptimagehub.com/id/library/minimalist-japanese-fan-plugin-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-20113 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fminimalist-japanese-fan-plugin-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 21:9 - Style: graphic-design - Tags: banner, wordpress, kipas, minimalis, estetika jepang, desain ui, branding - Updated: 2026-10-26T22:03:28.098Z - Created: 2026-10-26T22:03:28.098Z Menghasilkan banner horizontal WordPress dengan ikon kipas geometris dan tipografi rapi. Ubah nama plugin dan slogan sesuai kebutuhan. ### Full prompt ```text Horizontal banner with a refined minimalist Japanese aesthetic, vector-like flat design. Wide composition with a pale warm peach background featuring a subtle soft radial glow at the center and a thin medium-brown rectangular border inset slightly from the edges. On the left side occupying roughly 35% of the frame, a stylized geometric Japanese folding fan icon angled slightly upward, drawn in dark warm brown outlines and fills, showing 7 fan panels separated by thick brown ribs, cream inner panels, dark brown outer edge sections, and a rounded dark brown pivot circle at the bottom. On the right side, vertically centered text: large elegant bold serif title reading "[Noshi-Kanamer]" in dark warm brown with generous letter spacing, and directly underneath, a smaller sans-serif tagline reading "[The WordPress developer toolkit for clean handoffs.]" in the same dark brown. Clean, professional graphic design, no shadows, no 3D effects, no mockups, no additional elements. ``` --- ## UI Layar Kecocokan Aplikasi Sosial - URL: https://www.gptimagehub.com/id/library/social-app-match-screen-ui - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-15218 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fsocial-app-match-screen-ui - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: desain ui-ux, aplikasi seluler, aplikasi sosial, aplikasi kencan, desain antarmuka, layar match - Updated: 2026-10-26T21:58:38.098Z - Created: 2026-10-26T21:58:38.098Z Menghasilkan antarmuka ponsel modern untuk layar kecocokan berhasil di aplikasi kencan. Sesuaikan skenario interaksi dan efek visual sesuai konsep Anda. ### Full prompt ```text Mobile app UI design for a [social app matching success interface], featuring [two user profile cards colliding with heart effects], modern digital interface. ``` --- ## Mockup Antarmuka Siaran Langsung Mobile - URL: https://www.gptimagehub.com/id/library/mobile-live-stream-screen-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13523 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fmobile-live-stream-screen-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: live stream, ui ponsel, mockup, desain ui, media sosial, efek hadiah, streaming - Updated: 2026-10-26T21:57:18.098Z - Created: 2026-10-26T21:57:18.098Z Menghasilkan layar antarmuka live streaming seluler dengan efek hadiah animasi dan hamparan obrolan. Sesuaikan streamer, efek utama, dan teks layar. ### Full prompt ```text { "type": "mobile live stream interface mockup", "main_subject": "[beautiful young Asian woman smiling]", "centerpiece_effect": "[large space shuttle taking off with bright flames and smoke]", "floating_characters": [ {"position": "top left", "description": "cartoon pig character Zhu Bajie holding a golden bowl"}, {"position": "top right", "description": "cartoon monkey character Sun Wukong holding a staff"}, {"position": "bottom right", "description": "cartoon man with mustache in a suit holding a glowing lightbulb"} ], "ui_layout": { "header": { "streamer_info": {"name": "[小甜心✨]", "likes": "28.5万本场点赞", "button": "关注"}, "top_viewers": {"count": 3, "labels": ["12.8w", "8.9w", "6.6w"]}, "total_viewers": "10万+" }, "status_bars": {"count": 3, "labels": ["小时榜第1名", "礼物展馆 24/28", "心愿达成 差3.2万"]}, "gift_notifications": { "position": "mid-left", "count": 3, "items": [ {"sender": "八戒哥", "action": "送 大火箭", "combo": "x188"}, {"sender": "齐天大圣", "action": "送 嘉年华", "combo": "x1314"}, {"sender": "汤森老师", "action": "送 梦幻城堡", "combo": "x520"} ] }, "chat_box": { "position": "bottom left", "count": 7, "messages": [ "甜心小迷弟 加入了直播间", "星辰大海: [女神好美！声音好好听！]", "抖音用户: 666666", "快乐每一天: 太精彩了，火箭升空！", "富贵花开 送出 大火箭 x1", "风清扬: 这特效绝了！", "可可西里: 主播我爱你！" ] }, "bottom_right_graphic": {"text": "[直播间 火力全开]", "style": "large 3D glowing typography"}, "bottom_bar": {"input_placeholder": "说点什么...", "icons_count": 4, "decorations": "floating colorful hearts on the right" } } } ``` --- ## Panel Promosi Aplikasi Analisis Chat Romantis - URL: https://www.gptimagehub.com/id/library/romantic-chat-analysis-app-promo-panels - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-23108 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fromantic-chat-analysis-app-promo-panels - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: promo aplikasi, ui ponsel, desain jepang, mockup, banner pemasaran, app store - Updated: 2026-10-26T21:57:08.098Z - Created: 2026-10-26T21:57:08.098Z Menghasilkan iklan tiga panel bergaya Jepang dengan estetika pink romantis dan mockup UI. Ubah judul, ikon, serta teks antarmuka sesuai kebutuhan. ### Full prompt ```text A three-panel vertical Japanese mobile app promotional graphic for a romantic chat analysis application, set against a soft blush pink, coral, white, and peach romantic dating aesthetic. Composition & Setting: A wide horizontal layout displaying exactly three tall rounded-rectangle poster panels side-by-side like App Store preview cards. Dreamy sunset cityscape background with soft pink clouds, warm romantic glow, subtle sparkles, floating hearts, and gentle bokeh lights. Panel 1 (Left - Compatibility Analysis): - Top headline: 「気になるあの人との 相性が わかる！」 with 「相性」 oversized in vibrant hot pink; subcopy below: 「LINEのトークを分析して、相性・会話の傾向・距離感をやさしく見える化するアプリ」 - Visuals: Blurred-face young couple standing closely at bottom-left; tilted smartphone at bottom-right showing a romantic compatibility score screen with a prominent grade "[A]", a pink radar chart, score "[87]", and breakdown cards. - Overlay badge on couple: 「トークから ふたりの相性を 見える化」 - Four stacked feature pills at bottom-left with icons: 1) Wi-Fi icon 「オフラインでも分析OK！」, 2) lock icon 「プライバシー重視の安心・安全設計」, 3) LINE chat icon 「LINEトークを読み込むだけ」, 4) robot icon 「AIがやさしく分析」 Panel 2 (Center - Timeline Memories): - Top headline: 「ふたりの思い出が、ひと目でわかる」 with 「ひと目でわかる」 in hot pink; subcopy: 「はじめての会話や通話、関係の変化を見る化」 - Visuals: Centered upright smartphone displaying a detailed vertical timeline screen titled 「[YUKA]との分析結果」 with clean mobile UI. - Four floating white speech-bubble callouts with pink icons: 1) heart icon 「はじめてのトークがわかる」, 2) phone icon 「通話やメッセージの記録が見える」, 3) calendar icon 「思い出のタイムラインをチェック」, 4) small decorative heart accent bubble Panel 3 (Right - Word Frequency): - Top headline: 「相手がよく使っている言葉が 見えてくる」 with 「見えてくる」 in hot pink; subcopy: 「よく使うフレーズをまとめて見比べて、ふたりらしい言葉の傾向を見つけよう」 - Visuals: Centered upright smartphone showing a pink-and-white keyword cloud dashboard with grouped pill tags and comparative stats for both partners. - Four floating white callout bubbles with pink icons: 1) heart icon 「相手のことが見えてくる」, 2) clipboard icon 「よく使う言葉をまとめてチェック」, 3) couple icon 「2人の共通フレーズもわかる」, 4) small heart badge Style & Constraints: Polished Japanese App Store screenshot design, cute modern UI, glossy phone mockups with soft drop shadows, clean rounded Japanese sans-serif typography. Exactly 3 poster panels, exactly 3 smartphones, no watermarks or QR codes. ``` --- ## UI Arsip Berita AI Mode Gelap Jepang - URL: https://www.gptimagehub.com/id/library/dark-japanese-ai-news-archive-ui - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-19131 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fdark-japanese-ai-news-archive-ui - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: desain ui, desain web, mode gelap, tipografi jepang, linimasa, dasbor - Updated: 2026-10-26T21:56:33.098Z - Created: 2026-10-26T21:56:33.098Z Merancang halaman arsip blog teknologi bertema gelap dengan linimasa artikel, filter pill, dan kartu hero bercahaya. Ubah kategori dan tanggal sesuai kebutuhan. ### Full prompt ```text Using the reference photos as the existing dark AI news website design, create a refreshed archive page UI while preserving the same brand, Japanese typography, dark theme, logo, top navigation, and footer identity. Set the active top navigation item to [アーカイブ] with a subtle yellow underline. Create a polished modern archive interface featuring: a large bordered hero card titled [アーカイブ], with a small yellow icon label [すべての記事], a short intro sentence, and a decorative golden eclipse/planet glow graphic on the right side of the hero card. Below the hero, place a search bar and two compact dropdown controls for period and sort order. Add category filter pills labeled: すべて, Claude, OpenAI, Google, Agents, ツール, ニュース, 研究, その他, with "すべて" highlighted in yellow. Display the article list as a timeline grouped by month with two month sections: "2026年5月" containing 3 article rows, and "2026年4月" containing 2 article rows. Each row displays a date, a small yellow timeline dot, a bold Japanese article title, a one-line summary, 3 tag chips on the right, and a chevron arrow. Add bottom pagination with controls: previous arrow, 1 highlighted, 2, 3, ellipsis, 24, next arrow. Center the page layout with generous spacing, thin borders, subtle gradients, glassy card surfaces, and sharp, legible Japanese typography. ``` --- ## Tangkapan Layar Antarmuka Moodboard Mode Editorial - URL: https://www.gptimagehub.com/id/library/editorial-fashion-moodboard-interface-screenshot - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14411 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Feditorial-fashion-moodboard-interface-screenshot - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 4:5 - Style: graphic-design - Tags: moodboard, mode editorial, desain ui, lookbook, streetwear, branding, pengarahan seni - Updated: 2026-10-26T21:55:28.098Z - Created: 2026-10-26T21:55:28.098Z Menghasilkan tangkapan layar moodboard mode gelap dengan teks kreatif dan kisi enam foto editorial mode. Ubah nama merek dan foto untuk dek kampanye. ### Full prompt ```text A 4:5 editorial fashion lookbook moodboard interface screenshot for a fictional brand called [VINCO]. The composition features a dark-mode app interface with a large rounded charcoal text panel across the upper half containing a multi-line creative direction design brief in clean white sans-serif typography, set against a near-black background. In the lower area, a 2-by-3 grid of six editorial photo tiles is aligned to the left: - Tile 1: A young man in an oversized faded olive T-shirt and dark trousers standing before an off-white poster backdrop featuring bold '[VINCO]' branding, barcode graphics, and fine editorial text. - Tile 2: A tactile still life of a dark natural wine bottle with a minimalist white label reading '[VINCO]', captured in warm afternoon sunlight with paper texture and sharp shadows. - Tile 3: A back-facing shot of a person in a washed olive long-sleeve shirt with subtle branding and white shorts against a pale wall with blue stripe graphics and editorial layout copy. - Tile 4: A skateboarder crouched and riding away, seen from behind in golden sunlight on asphalt, wearing a white T-shirt with a bold black graphic block on the back. - Tile 5: A flat lay of printed wine ephemera on cream paper, showing a pale chartreuse label reading '[Vino Naturale]' with grape botanical illustrations and layered paper scraps. - Tile 6: A front-facing portrait of a person in a white T-shirt with a race-bib graphic reading '97' and a fluorescent yellow-green cap, outdoors under bright sunlight with palm trees. Aesthetic: Italian archival graphic design meets late-1990s Southern California streetwear, natural wine culture, and gritty documentary fashion photography. Palette of olive, cream, charcoal, asphalt gray, sun-bleached white, and vibrant fluorescent yellow-green accents. The frame includes UI details such as a rounded gray 'Edit' button at the bottom-left and a small circular icon at the bottom-right. ``` --- ## Kartu Nama Kreator Cyberpunk Neon - URL: https://www.gptimagehub.com/id/library/cyberpunk-neon-creator-business-card - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-23100 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fcyberpunk-neon-creator-business-card - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: cyberpunk, kartu nama, desain ui, cyborg anime, cahaya neon, hud, mockup branding - Updated: 2026-10-26T21:54:23.098Z - Created: 2026-10-26T21:54:23.098Z Menghasilkan kartu nama digital futuristik berbahan logam dengan seni cyborg anime, panel HUD, dan kontak. Sesuaikan nama, jabatan, dan tautan sesuai kebutuhan. ### Full prompt ```text Horizontal 16:9 futuristic cyberpunk creator business card mockup with rounded corners, beveled metallic borders, tiny corner screws, and a black brushed aluminum texture with glowing cyan and hot-pink rim lighting. Layout and Composition: Split into two main sections connected by thin neon circuit lines and HUD geometric panels. Left 45% is a structured information panel; right 55% features an anime cyberpunk character portrait framed within an angled polygon. Left Information Panel: - Top-left chrome 3D emblem shaped like the letter "M" enclosed in a hexagonal neon cyan-and-magenta frame. - Stylized headline reading "[Machine Musk]" in sharp italic sci-fi lettering ("Machine" in metallic white, "Musk" in electric magenta). - Subtitle below reading "[DARKHERO]" in spaced white uppercase futuristic sans-serif type. - Exactly five horizontal contact rows with glowing divider lines and hexagonal neon icons: 1. Magenta envelope icon: "[hello@machinemusk.ai]" 2. Cyan globe icon: "[www.machinemusk.ai]" 3. Magenta Twitter bird icon: "[@MachineMuskAI]" 4. Cyan Discord icon: "[discord.gg/machinemusk]" 5. Magenta YouTube play icon: "[@MachineMuskAI]" Right Portrait Section: - Anime-style futuristic cyborg with short messy white hair, high-collar white armored jacket, black mechanical joints, cables, and a white cyber visor with technical markings over the eyes. - Background shows a blurred neon cityscape at night with vertical signs and vibrant bokeh in cyan, blue, and purple. - A large opaque dark slate-gray square censor block placed over the center-right of the visor and upper chest. Style: High-contrast glossy sci-fi UI illustration, crisp legible typography, sharp vector-like graphic overlays, saturated magenta and cyan neon glow on dark brushed metal. ``` --- ## Kisi Banner Iklan Lintas Industri - URL: https://www.gptimagehub.com/id/library/multi-industry-japanese-ad-banner-grid - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ff-151 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fmulti-industry-japanese-ad-banner-grid - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: banner, iklan, kisi, pemasaran, jepang, tipografi, tata letak - Updated: 2026-10-26T21:49:18.098Z - Created: 2026-10-26T21:49:18.098Z Menghasilkan kisi 2x2 banner pemasaran Jepang untuk perawatan kulit, makanan, travel, dan SaaS. Sesuaikan teks dalam kurung untuk kampanye Anda. ### Full prompt ```text { "type": "2x2 advertising banner grid", "layout": "4 distinct quadrants, each featuring a different industry advertisement", "quadrants": [ { "position": "top-left", "industry": "skincare", "visuals": "Asian woman touching cheek, floating water droplets, white pump bottle", "brand": "BALANCÉE", "copy": { "headline": "[素肌が、目覚める。]", "subheadline": "透明感あふれる、新しいわたしへ。", "features_count": 3, "features_labels": ["高保湿", "肌荒れ予防", "美白ケア*"] } }, { "position": "top-right", "industry": "restaurant food", "visuals": "close-up of spaghetti bolognese with grated cheese and parsley, dark moody lighting", "brand": "Trattoria Luce", "copy": { "headline": "[このパスタ、事件級。]", "badge": "期間限定", "description": "黒毛和牛のボロネーゼ 〜トリュフの香り〜" } }, { "position": "bottom-left", "industry": "travel", "visuals": "woman with backpack facing a scenic mountain lake, bright daylight", "brand": "NATURE JOURNEY", "copy": { "headline": "[わたしを、解き放つ旅へ。]", "subheadline": "自然の中で、心が動き出す。", "script": "Find your freedom.", "banner_details": ["初夏の特別キャンペーン", "6.1 SAT - 6.30 SUN", "最大 20%OFF", "今だけの特別プラン多数！"] } }, { "position": "bottom-right", "industry": "SaaS app", "visuals": "smartphone displaying a task management app interface with 4 schedule items", "brand": "[Taskme]", "copy": { "headline": "[タスク管理を、もっとシンプルに、スマートに。]", "circle_badge": "1日を、デザインしよう。", "features_count": 3, "features_labels": ["直感的な操作性", "チームで共有可能", "どこでもアクセス"], "bottom_banner": "7日間無料トライアル実施中！" } } ] } ``` ### Source - Author: kitune\_fire45 - Title: freestylefly · Awesome GPT Image 2 - URL: https://github.com/freestylefly/awesome-gpt-image-2 - License: MIT --- ## Dasbor Operasi Fiksi Ilmiah Holografik - URL: https://www.gptimagehub.com/id/library/holographic-sci-fi-operations-center-dashboard - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-31619 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fholographic-sci-fi-operations-center-dashboard - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: dasbor, holografik, glassmorphism, fiksi-ilmiah, cyberpunk, desain-ui, visualisasi-data - Updated: 2026-10-26T21:49:08.098Z - Created: 2026-10-26T21:49:08.098Z Menghasilkan dasbor operasi holografik glassmorphism gelap di pusat komando cyberpunk. Ubah judul utama dan detail insiden sesuai sistem Anda. ### Full prompt ```text Cinematic sci-fi product mockup of a futuristic operations dashboard titled "[HOLOGRAPHIC WORKBENCH]", floating as a transparent neon-blue holographic screen above a dark control desk in a cyberpunk command center. Wide 16:9 landscape interface, dark navy and black glassmorphism UI, glowing cyan borders, subtle scanlines, faint grid texture, shallow depth of field with blurred server rack lights in the background. Translucent dark glass panels with rounded corners, subtle reflections on the desk, physical console knobs at the bottom edge, atmospheric blue light beams. Header: Top-left text reads "PARACORTEX TERMINAL" above the main title "[HOLOGRAPHIC WORKBENCH]" and subtitle "Situational awareness across code, agents, and infrastructure." Top-center metadata displays 3 fields: Workspace "paracortex-core", Session "pipin@paracortex.dev", Time "09:42:17 UTC". Top-right contains a "SIMULATE EVENT" button alongside small gear, sync, and plus icons. Left Sidebar & Status: Vertical glowing sidebar with 8 navigation items: Overview, Pulse, Agents, Jobs, Traces, Infra, Config, Reports. Lower left status panel shows Status "Operational", Health "98.6%", Uptime "170 4H 23M". Top Metric Row: Exactly 6 stat cards across the top: 1. "PULSE SCORE" value "78" status "GOOD" with sparkline graph 2. "ACTIVE AGENTS" value "42 / 64" status "ONLINE" 3. "RUNNING JOBS" value "124" status "+12.4%" 4. "SYSTEM HEALTH" value "98.6%" status "NOMINAL" 5. "EVENTS (24H)" value "1,284" status "+8.7%" 6. "TRACES (24H)" value "4.7M" status "+23.1%" Main Layout: 5 vertical columns beneath metrics: - Column 1 "NEEDS YOU" (badge 3): 3 task cards: "Release blocked" (urgent red), "Schema change detected" (amber approval), "PR #402 open" (purple lifecycle). - Column 2 "IN MOTION" (badge 4): 3 task cards: "[Indexer lagging]" (red incident, x20 badge, tiny bar chart), "Refactor batch running" (teal progress bar), "Reconnected" (blue session recovered). - Column 3 "CHANGED" (badge 6): 3 task cards: "v1.4.0 shipped", "Indexer catching up" (mini bar chart), "Agent config updated". - Column 4 "CONDITIONS" (badge 4): 3 task cards: "Telemetry not monitored", "Message bus healthy", "Agent pool healthy". - Column 5 "SELECTED CONTEXT" details panel focused on "[Indexer lagging]": subtext "Since 09:25 UTC (16m)" and "20 repositories behind", red bar chart labeled 09:00, 09:15, 09:30, 09:45, a 5-step vertical timeline ("09:42 Lag threshold breached", "09:37 Alert sent", "09:36 Auto mitigation started", "09:34 Partial recovery", "09:26 Incident opened"), "Investigate" button, and service chips ("paracortex-core", "port-1", "port-indexer", "port-agent", "+15 more"). Bottom Activity Area: Wide "ACTIVITY TRACE" panel labeled "Last 60 minutes" with multicolored timeline dots, 6 filter tabs ("All", "Events", "Commits", "Jobs", "Agents", "Alerts"), compact event list, and legend with 6 categories (Alerts, Changes, Jobs, Commits, Infra, Info). Foreground Dock: Floating rounded glass dock at bottom center with 4 counters: "Needs you 3" (red), "In motion 4" (blue), "Changed 6" (teal), "Conditions 4" (amber), centered around a glowing purple-blue cube orb emblem. Style & Constraints: Dense, highly legible technical typography, color-coded status elements, premium sci-fi SaaS software aesthetic. No people visible. ``` --- ## Banner Hero Situs Studio Kreator AI - URL: https://www.gptimagehub.com/id/library/ai-creator-studio-website-hero-banner - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14493 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fai-creator-studio-website-hero-banner - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: desain ui, banner hero, landing page, tipografi jepang, glassmorphism, iklan teknologi - Updated: 2026-10-26T21:48:08.098Z - Created: 2026-10-26T21:48:08.098Z Menghasilkan banner hero landing page teknologi Jepang modern dengan kartu glassmorphism. Sesuaikan nama merek, teks lencana, dan salinan call-to-action. ### Full prompt ```text A polished Japanese promotional website hero banner for an AI creator community, designed in a clean modern tech-advertising style with a soft pastel blue, lavender, pink, and white palette, 16:9 wide composition. On the left, place a gradient triangular abstract logo and the Japanese brand name "[AIクリエイターズ・スタジオ]" at the top, followed by a thin horizontal divider line with a small sparkle in the center. Below, a prominent two-line bold Japanese headline: the first line in dark navy, 「AIで、もっと自由に」, and the second line in large gradient letters from cyan to purple to pink, 「創る・学ぶ・つながる」. Underneath, a short Japanese subheadline flanked by subtle sparkles: 「AIを使ったクリエイティブの可能性を広げるメンバーシップコミュニティ」. On the right, a collage of 6 rounded-rectangle cards showcasing creative works: 1 large dreamy profile portrait of a woman surrounded by flowers and butterflies in ethereal purple light; 1 small cyberpunk city nightscape with a lone figure; 1 small close-up portrait of a fluffy cat; 1 small luxury cosmetic bottle labeled 'AI STUDIO'; 1 small sunny flower-field landscape with a woman in white; and 1 large digital drawing tablet on a desk with a stylus, coffee mug, and desk plant. Overlapping the right section, add a circular gradient badge with bold white text reading "[一緒に創造の未来をつくろう！]". Across the lower middle, place a translucent glassmorphism rounded bar with 5 equal columns and pastel line icons (book, monitor, chat bubble, light bulb, gift) with bold titles: 「限定コンテンツ」, 「実践プロンプト＆テンプレート」, 「メンバー限定コミュニティ」, 「最新情報をいち早くお届け」, and 「メンバー限定特典」, each with a brief 2-line description. At the bottom, a dark navy footer bar with a large call-to-action sentence: "[AIを味方に、あなたの『創りたい』をカタチに。さあ、一緒に創ろう！]". Glossy soft lighting, subtle glimmers, crisp legible Japanese typography, professional landing page aesthetic. ``` --- ## Mockup Dasbor AI Jepang Futuristik - URL: https://www.gptimagehub.com/id/library/futuristic-japanese-ai-dashboard-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-18415 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Ffuturistic-japanese-ai-dashboard-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: dasbor, mockup ui, mode gelap, cyberpunk, saas, teks jepang, desain web - Updated: 2026-10-26T21:48:03.098Z - Created: 2026-10-26T21:48:03.098Z Menghasilkan panel kontrol SaaS mode gelap dalam bahasa Jepang untuk urutan peluncuran game AI. Sesuaikan merek, judul, instruksi, dan progres tahapan. ### Full prompt ```text {"type": "futuristic dark-mode Japanese web dashboard UI mockup", "app_brand": "[NEURALJACK]", "main_title": "[AIゲーム起動フロー デモ]", "subtitle": "起動手順を見ながら、そのまま内的会議へ指示を出せる操作画面", "style": {"theme": "cyberpunk SaaS control panel, deep navy and black background, glowing cyan borders, neon blue accents, rounded cards, subtle gradients, compact Japanese typography", "canvas": "wide 16:9 screenshot-like composition", "lighting": "soft blue glow, high contrast, polished product demo look"}, "layout": {"top_bar": {"position": "full width top", "left_logo": "rounded square cyan NJ icon plus brand text", "center_title": "large bold Japanese title", "right_nav_count": 3, "right_nav_items": ["ドキュメント", "通知 with blue badge 2", "設定"]}, "left_sidebar": {"title": "起動フロー", "position": "left column", "step_count": 6, "steps": [{"number": 1, "label": "起動", "status": "完了", "icon": "rocket", "state": "completed with green check"}, {"number": 2, "label": "認証モード選択", "status": "完了", "icon": "shield", "state": "completed with green check"}, {"number": 3, "label": "ChatGPT / Codex ログイン確認", "status": "完了", "icon": "lock", "state": "completed with green check"}, {"number": 4, "label": "Codex App Server 起動", "status": "進行中", "icon": "server", "state": "active highlighted cyan"}, {"number": 5, "label": "ゲーム接続", "status": "待機", "icon": "gamepad", "state": "waiting dim"}, {"number": 6, "label": "AI機能準備完了", "status": "待機", "icon": "robot", "state": "waiting dim"}], "progress_card": {"label": "全体進捗", "value": "50%", "detail": "3 / 6 ステップ完了", "bar": "cyan progress bar halfway filled"}}, "center_panel": {"title": "フロー可視化", "position": "main center column", "sections_count": 2, "sections": [{"title": "ローカル開発", "position": "upper center", "node_count": 4, "nodes": ["Game Tool UI / クライアントUI", "codex app-server / ローカルサーバー", "ChatGPT Plus ログイン / ブラウザ認証", "Codex / AIエンジン"], "connectors": "three cyan arrows left to right", "note": "開発時は Plus ログイン / 本番時は API と明示設定"}, {"title": "本番運用", "position": "middle center", "node_count": 3, "nodes": ["Game Client / ゲームクライアント", "AI Gateway Backend / ゲートウェイサーバー", "OpenAI API / クラウドAI"], "connectors": "two cyan arrows left to right", "accent": "green glowing section border"}]}, "bottom_center": {"panel_count": 2, "panels": [{"title": "イベントログ", "position": "bottom left of center", "visible_log_lines_count": 3, "visible_log_lines": ["[OK] NeuralJack UI booted", "[INFO] waiting for instruction", "[INFO] codex app-server file export mode"]}, {"title": "実行プレビュー", "position": "bottom right of center", "content": "dark preview card with large text 次の推奨操 visible near bottom"}]}, "right_panel": {"title": "指示パネル", "position": "right column", "instruction_box": {"text": "[ローカルLLMを使った個人AI相棒を作りたい]", "appearance": "large dark textarea with subtle send button area"}, "checkbox_count": 3, "checkboxes": [{"label": "GPT-5.5 強化", "state": "unchecked"}, {"label": "カード生成", "state": "checked cyan"}, {"label": "Codexタスク化", "state": "unchecked"}], "quick_actions": {"title": "クイックアクション", "button_count": 6, "buttons": ["サポートAI", "オートプレイ", "クエスト生成", "NPC会話", "音声デモ", "設定"], "arrangement": "2 rows by 3 columns, icon above label on each button"}, "recommended_commands": {"title": "おすすめコマンド", "chip_count": 4, "chips": ["起動チェック", "接続テスト", "ログ確認", "現在状態を取得"]}, "chat_prompt": {"bot_icon": "cyan circular robot icon", "speech_bubble": "[何をしたいですか？]"}}}, "rendering_notes": "Make the interface look like an actual implemented browser app screenshot rather than a flat illustration. Use crisp Japanese text, thin cyan outlines, rounded rectangles, small icons, active step glow, and dense but readable spacing."} ``` --- ## UI Sequencer Musik Pixel Art Bertema Monster - URL: https://www.gptimagehub.com/id/library/pixel-art-monster-music-sequencer-ui - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-29150 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fpixel-art-monster-music-sequencer-ui - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: retro - Tags: pixel-art, sequencer-musik, ui-game, synthesizer, game-retro, monster, neon - Updated: 2026-10-26T21:44:48.098Z - Created: 2026-10-26T21:44:48.098Z Menghasilkan antarmuka synthesizer retro bergaya pixel art dengan empat trek audio monster dan kontrol mixer. Sesuaikan warna neon dan karakter monster dengan mudah. ### Full prompt ```text Vertical pixel-art sci-fi music sequencer interface featuring four cute monster audio tracks, styled as a retro game synthesizer console on a [deep navy] background with glowing rounded rectangular panels and sharp pixel-art outlines. Subtly dithered 16-bit texture with scanline effect, using neon accents in [mint cyan], [hot red], [purple], and yellow. Layout: - Top Header: A wide rounded status bar containing exactly 6 elements: 1 mini alien face icon on the far left, 1 dotted equalizer display beside it, 3 square transport buttons (stop, play, record) in the center, and 1 dotted grid icon on the far right. - Main Tracks (stacked 4 horizontal rounded panels, each featuring track number, vertical level meter, monster character, circular dotted status control, and a large rotary knob): - Track 1 (mint/teal theme): Labeled "1". A sleepy squat monster lying down with closed eyes and "Z Z" sleep marks above; center dotted circular ring; right rotary knob with pale yellow arc and mint indicator dot. - Track 2 ([hot red] theme): Labeled "2". An aggressive standing one-eyed monster, mouth open with sharp teeth, raising one arm casting a crackling red energy orb; center red dotted ring with solid dot; right knob with red arc and indicator dot. - Track 3 (cyan theme): Labeled "3". A blue smiling one-eyed monster wearing headphones and dancing with arms raised, accompanied by 2 floating music notes; center cyan circle with play triangle; right knob with cyan arc and indicator dot. - Track 4 ([purple] theme): Labeled "4". A hyperactive purple monster with motion afterimages, large expressive eyes, waving arms, surrounded by tiny sparkles; center purple circle with play triangle; right knob with purple arc and indicator tick. - Bottom Mixer Section: A wide rounded panel. On the left, a square album art tile with a glowing [mint cyan] border showing a floating pixel mossy cube asteroid with tiny orbiting rocks and stars. To the right, a row of 5 square pixel effect buttons (purple radar, cyan spectrum waveform, green pixel burst, yellow audio wave, yellow ringed planet). Directly below, 2 horizontal VU audio meters (mic icon and speaker icon) with green-to-yellow bars, separated by a thin vertical divider. Text constraints: Only display track numbers "1", "2", "3", "4" and sleep marks "Z Z"; all other interface controls use abstract pixel glyphs. ``` --- ## Kartu Kredit Anime Taman Bunga Kosmos - URL: https://www.gptimagehub.com/id/library/anime-cosmos-garden-credit-card - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-20406 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fanime-cosmos-garden-credit-card - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: kartu kredit, ilustrasi anime, bunga kosmos, desain ui, branding kartu, estetika pastel, teks timbul - Updated: 2026-10-26T21:44:08.098Z - Created: 2026-10-26T21:44:08.098Z Menghasilkan desain kartu kredit fantasi mengkilap dengan karakter anime dan bunga kosmos merah muda. Sesuaikan nama pemilik kartu, judul, dan merek pembayaran. ### Full prompt ```text Glossy anime-style fantasy credit card design for [Komari Hanasaki], themed around pink cosmos flowers and a sunset garden. Straight-on centered composition of a horizontal rounded-rectangle credit card with a polished plastic finish and a subtle drop shadow against a plain white background. Main illustration: An anime girl with short dark brown bobbed hair and an ahoge sits amidst blossoming pink cosmos. She wears a pale white-pink sleeveless dress with lace trim and a pink waist bow. Her face is concealed by a centered opaque square privacy block in muted brown-pink placed over the upper-right-center portion of the portrait. Background: A lush meadow of pink cosmos flowers spanning the entire card, with large blossoms on the sides, warm sunset lighting, glowing golden particles, soft clouds, and drifting petals. Card UI elements: Gold EMV chip on the left, white contactless icon on the top right. Top-left cursive white script reads "[Komari]" with a delicate flower accent, followed by spaced serif text "COSMOS CARD" underneath. Embossed metallic-gold card digits in four groupings: "1234 5678 9012 3456". Bottom-left embossed name "[KOMARI HANASAKI]" beneath the label "CARDHOLDER". Expiry section reads "GOOD THRU", "MONTH/YEAR", and "00/00". Bottom-right white logo displays "[LUMINA PAY]" with "LUMINA" above "PAY" and a subtle smile curve underline. Style: Romantic anime art, pastel pink, lavender, peach, and warm gold palette, crisp typography, realistic metallic embossing, premium card aesthetic. ``` --- ## Mockup Halaman Restoran Google Maps - URL: https://www.gptimagehub.com/id/library/google-maps-restaurant-listing-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-16281 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fgoogle-maps-restaurant-listing-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 9:16 - Style: graphic-design - Tags: google maps, mockup ui, aplikasi seluler, restoran, antarmuka ios, tangkapan layar - Updated: 2026-10-26T21:40:42.044Z - Created: 2026-10-26T21:40:42.044Z Menghasilkan antarmuka detail restoran di Google Maps iOS yang realistis. Sesuaikan nama restoran, jenis masakan, teks ulasan, dan foto thumbnail. ### Full prompt ```text A clean screenshot of a Google Maps iOS app store detail screen in a 9:16 vertical layout, featuring highly authentic and precise mobile map UI elements. Top header information: - Store Name: "[Mona Hanten]" - Rating: ★★★★★ 4.9 (87 reviews) - Category: "Chinese Restaurant" - Operating Status: "Open · Closes at 22:00" Photo section (horizontal scroll carousel): - Store exterior thumbnail, ramen photo, gyoza photo, counter view, and [the back of a young woman chef cooking]. Review section with readable customer text: - ★★★★★ "It's a small shop, but the ramen here is the best in Beppu. I was moved by the female owner making everything by herself. Both taste and service are the best." — [Taro M.] (3 months ago) - ★★★★★ "The owner's smile with flowers in her hair is wonderful. When I ordered dandan noodles, she asked 'Are you okay with the spice?' She was so considerate. Of course, it was delicious." — Hanako S. (1 month ago) - ★★★★☆ "The taste is beyond reproach. However, it's become so popular that there's always a line... I recommend going right after opening." — Kenta K. (2 weeks ago) Bottom navigation bar: - Authentic iOS Google Maps action buttons: "Directions", "Call", and "Save". Pixel-precise mobile UI rendering with clean, readable typography and modern app layout. ``` --- ## UI Alur Kerja Node Render Ulang Storyboard - URL: https://www.gptimagehub.com/id/library/storyboard-re-render-node-workflow-ui - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-27505 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fstoryboard-re-render-node-workflow-ui - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 4:3 - Style: 3d - Tags: desain-ui, storyboard, grafik-node, anime, previz, render-3d, mode-gelap - Updated: 2026-10-26T21:40:03.098Z - Created: 2026-10-26T21:40:03.098Z Menghasilkan editor node gelap yang membandingkan previz 3D dan storyboard anime berdampingan. Sesuaikan gaya seni dan pakaian karakter sesuka Anda. ### Full prompt ```text Dark node-based workflow UI screenshot showing a side-by-side comparison between a 3D animation previz storyboard and an anime-style re-render inside a visual AI compositing application. Landscape 4:3 screen capture on a nearly black dotted grid canvas with thin curved teal connector lines between nodes and small circular input/output connection ports. Layout: Exactly two tall rounded-rectangle dark charcoal nodes side by side. Both nodes have a header titled "Painter" on the top-left with a small brush/pen icon, and a three-dot menu icon on the top-right. The left node displays the source grayscale storyboard; the right node displays the stylized output storyboard. Each node contains exactly 4 vertically stacked widescreen storyboard frames separated by crisp black dividers, followed by a compact control toolbar at the bottom. Left node frames: Rendered as monochrome neutral-gray 3D viewport cinematic previz with clay materials and geometric urban assets. Frame 1: a generic featureless male mannequin walking down a city sidewalk past storefronts, a fire hydrant, street pole, and road markings. Frame 2: the mannequin lifts one leg onto a stone building wall, initiating a climb. Frame 3: the mannequin climbing the building facade, leaning backward with feet pressed against the wall. Frame 4: rear perspective of the mannequin walking straight up a tall vertical wall toward the roofline. Right node frames: Exactly mirrors the same 4 actions and angles, rendered in [1990s hand-painted anime cel animation] style. Features a young adult male with brown hair wearing [a green jacket, blue jeans, and brown shoes] in classic anime proportions. Frame 1: walking along a sunlit city street past shops, a red hydrant, lamppost, and road marking "633". Frame 2: stepping onto the building wall beside a shopfront window. Frame 3: climbing higher on the facade with city street, fire escape, and signs visible below. Frame 4: rear view walking vertically up the pale building exterior. Bottom controls on each node: Top row features exactly three icons (a highlighted yellow brush, an eraser, and a grid icon) alongside a right-aligned "Reset" text label. Bottom row features three parameter fields: "Color" with a white swatch, "#FFFFFF", and "100%"; "Size" with a slider showing [30] on the left and [60] on the right; "Hardness" with a slider and "100%". Crisp UI mockup, dark mode, subtle drop shadows, precise typographic alignment. ``` --- ## Mockup UI Desktop YouTube Mode Gelap - URL: https://www.gptimagehub.com/id/library/youtube-dark-mode-desktop-ui-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-14083 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fyoutube-dark-mode-desktop-ui-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: youtube, mockup ui, mode gelap, antarmuka web, desain desktop, platform video - Updated: 2026-10-26T21:37:33.098Z - Created: 2026-10-26T21:37:33.098Z Membuat beranda desktop YouTube dalam mode gelap lengkap dengan bilah sisi dan keluku video. Ubah teks dalam tanda kurung untuk menyesuaikan OS atau tema. ### Full prompt ```text { "type": "desktop UI mockup", "application": "YouTube homepage", "theme": "[dark mode]", "browser_window": { "url_bar": "[youtube.com]", "tabs": 1, "elements": ["back/forward buttons", "refresh", "extensions", "profile avatar"] }, "layout": { "sidebar": { "position": "left", "sections": [ { "title": "Main", "count": 3, "items": ["Home", "Shorts", "Subscriptions"] }, { "title": "You", "count": 6, "items": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] }, { "title": "Subscriptions", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] }, { "title": "Explore", "count": 7, "items": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] }, { "title": "More from YouTube", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] } ] }, "top_filter_bar": { "count": 11, "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"] }, "video_grid": { "layout": "4 rows by 3 columns", "count": 12, "videos": [ { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "GPU chip with red arrow" }, { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "MrBeast smiling with contestants in background" }, { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "Missile approaching an asteroid in space" }, { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "Man next to Dubai skyline with text '$0 TO $10B'" }, { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "Math equation and spiral graph on black background" }, { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "Lush green forest with text 'The World in 2040'" }, { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "Laptop and smartphone with a blue arrow connecting them" }, { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "Glowing orange accretion disk of a black hole" }, { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "Man in black shirt with text 'the problem with diet advice'" }, { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "Flat illustration of a man reading a book surrounded by colorful leaves" }, { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "Gritty portrait of Ellie with game logo" }, { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "Anime girl studying at a desk with city view at sunset" } ] } }, "os_environment": { "os": "[Windows 10]", "taskbar_position": "bottom", "visible_icons": ["Start", "Search bar", "Task View", "File Explorer", "Edge", "Spotify"], "system_tray": ["network", "volume", "battery", "clock showing 08:34 03/04/2024"] } } ``` --- ## Hero Cyberpunk untuk Flash Sale E-Commerce - URL: https://www.gptimagehub.com/id/library/cyberpunk-e-commerce-flash-sale-hero - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-20287 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fcyberpunk-e-commerce-flash-sale-hero - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: cyberpunk, landing page, hero section, desain ui, desain web, e-commerce, neon - Updated: 2026-10-26T21:37:03.098Z - Created: 2026-10-26T21:37:03.098Z Menghasilkan bagian hero desktop landing page e-commerce bergaya neon cyberpunk futuristik. Ubah nama merek, tanggal batas waktu, dan tombol CTA sesuai kebutuhan. ### Full prompt ```text Desktop e-commerce first-view landing page UI design for brand [NEXA], promoting a [CYBER FLASH CAMPAIGN] in a futuristic cyberpunk neon aesthetic. 16:9 ratio screen layout on a dark black and navy background with a receding perspective cyber grid floor, glowing magenta and electric cyan circuitry framing the edges, high-contrast reflections, and HUD details. Top Navigation Bar: Brand logo [NEXA] on the left; exactly 5 navigation items on the right: “SALE”, “FEATURE”, “ITEMS”, “FAQ”, and a glowing bordered neon button “CHECK NOW”. Two-Column Hero Section: - Left Column (Text & CTAs): A rounded pill badge reading “[CYBER FLASH CAMPAIGN]”. Main headline in Japanese and English: “今だけの” above bold white typography “FLASH SALE” with hot-pink neon glow. Two Japanese subtext lines: “対象アイテムが期間限定でスペシャルプライス。” and “7/15(火) 13:59までの限定オファーをお見逃しなく。”. Below, a neon outlined timer bar with a clock icon reading “LIMITED TIME : [7/15(火) 13:59まで]”. Exactly two CTA buttons: a solid hot-pink glowing button “今すぐチェック ›” and a cyan outlined button “対象商品を見る ›”. At the bottom, exactly 3 icon chips: truck icon “送料無料”, user icon “会員限定特典”, and gift icon “数量限定”. - Right Column (Promo Graphic): A large glowing poster card with magenta neon borders and cyan HUD corner brackets. Inside shows a futuristic night cityscape with skyscrapers and illuminated grid streets. Centered is an alarm clock outline with bold stacked text “FLASH SALE” and cyan text “LIMITED OFFER”, followed by “期間限定”, “[7/15(火) 13:59まで]”, and a rounded magenta button “CHECK NOW”. Decorative HUD dials, circuit lines, and target marks frame the poster. Visual Style & Constraints: Deep navy and black canvas with electric cyan, hot magenta, and crisp white. Clean modern sans-serif typography. Desktop first-view only, no browser frame, no human figures, no additional product photos, no watermarks. ``` --- ## Mockup UI Ulasan Teknologi Platform Video Desktop - URL: https://www.gptimagehub.com/id/library/desktop-video-platform-tech-review-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13820 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fdesktop-video-platform-tech-review-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: youtube, mockup-ui, mode-gelap, ulasan-teknologi, robotika, desain-antarmuka, pemutar-video - Updated: 2026-10-26T21:35:33.098Z - Created: 2026-10-26T21:35:33.098Z Menampilkan antarmuka streaming video desktop mode gelap dengan sesi ulasan teknologi. Sesuaikan presenter, robot yang diulas, dan metadata video. ### Full prompt ```text { "type": "desktop video platform UI mockup", "theme": "dark mode", "header": { "logo": "YouTube IN", "search_bar": "centered, with magnifying glass icon", "right_icons": { "count": 4, "items": ["microphone", "+ Create button", "notifications bell", "user profile picture"] } }, "video_player": { "scene": "Studio setting with two tech reviewers seated at a modern desk.", "subjects": [ "[Marques Brownlee (MKBHD)] in black t-shirt", "[Arun Maini (Mrwhosetheboss)] in green overshirt", "[Tesla Optimus humanoid robot] standing between them" ], "props": ["black mug with logo", "background screen with glowing blue neon M logo"], "controls_bar": { "progress_bar": "red, near the beginning", "timestamp": "0:01 / 18:47", "left_icons": { "count": 3, "items": ["play/pause", "next track", "volume"] }, "right_icons": { "count": 6, "items": ["CC", "settings with 4K badge", "miniplayer", "theater mode", "cast", "fullscreen"] } } }, "video_details": { "title": "[Tesla Optimus Robot Review: Futures Are Here!]", "channel_info": { "name": "[Mrwhosetheboss]", "badges": ["verified checkmark"], "subscribers": "20.5M subscribers", "button": "white Subscribe button" }, "action_buttons": { "count": 6, "items": ["Like (215K) / Dislike (4.2K) pill", "Share", "Download", "Clip", "Save", "More (...)"] } }, "description_box": { "metadata": "3,278,456 views Apr 12, 2024 #7 on Trending", "text": "MKBHD & I review Tesla's Optimus humanoid robot. We cover the design, walk, AI, hands-on & what it means for the future!", "links": ["Marques's Channel: @mkbhd"] } } ``` --- ## Mockup Perbandingan UI Aplikasi Live Streaming - URL: https://www.gptimagehub.com/id/library/live-streaming-app-ui-comparison-mockup - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-13959 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Flive-streaming-app-ui-comparison-mockup - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: mockup-ui, live-streaming, aplikasi-seluler, desain-antarmuka, media-sosial, overlay-obrolan - Updated: 2026-10-26T21:29:08.098Z - Created: 2026-10-26T21:29:08.098Z Membuat mockup antarmuka ganda aplikasi live streaming dengan obrolan interaktif dan papan terima kasih. Sesuaikan tampilan streamer, teks, dan animasi hadiah. ### Full prompt ```text { "type": "side-by-side mobile UI mockup", "theme": "[Chinese mobile live streaming app]", "panels": [ { "position": "left", "subject": "[young Asian woman, beautiful, smiling], long wavy hair, holding a handwritten sign", "sign_content": "\"[谢谢 Ray 的大火箭！]\" with small rocket and heart doodles", "ui_elements": { "top_bar": "streamer profile avatar and info, follow button, 3 viewer avatars, [10万+] viewer count, close button", "overlays": "popularity rank badge, gift gallery widget, floating animated gift banner showing \"[大火箭]\" x1", "chat_stream": "7 distinct semi-transparent live chat message bubbles", "bottom_bar": "comment input field, 4 interactive action icons, floating colorful heart reactions" } }, { "position": "right", "subject": "same streamer, high ponytail with scrunchie, holding a handwritten sign", "sign_content": "\"[谢谢 Ray 的大火箭！]\" with stars, hearts, and rocket doodles", "ui_elements": { "top_bar": "app logo, LIVE badge, 12.6万 viewer count, streamer profile info, follow button", "overlays": "hourly ranking badge, gift goal progress widget, 2 floating animated gifts (rocket x1, rose x10)", "chat_stream": "6 distinct semi-transparent live chat message bubbles", "bottom_bar": "comment input field, 4 interactive action icons, follow button, floating colorful heart reactions" } } ] } ``` --- ## Kit Dasbor Cerdas Neumorphic Glassmorphic - URL: https://www.gptimagehub.com/id/library/neumorphic-glassmorphic-smart-dashboard-kit - Generator URL: https://www.gptimagehub.com/id/generate?promptId=oss-ym-g2-15648 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fid%2Flibrary%2Fneumorphic-glassmorphic-smart-dashboard-kit - Category: Desain UI / UX - Model: gpt-image-2 - Aspect ratio: 1:1 - Style: graphic-design - Tags: kit ui, glassmorphism, neumorphism, mockup 3d, dasbor, gaya dribbble - Updated: 2026-10-26T21:23:48.098Z - Created: 2026-10-26T21:23:48.098Z Menghasilkan lembar komponen UI 3D dengan tekstur kaca buram dan gaya neumorphic. Sesuaikan teks dalam kurung siku untuk mengubah warna dan data. ### Full prompt ```text {"type":"glassmorphism neumorphic smart dashboard UI kit","style":{"theme":"clean futuristic mobile interface components","background":"soft light gray-white","materials":"frosted glass, translucent acrylic, soft shadows, subtle inner glow, rounded corners, embossed and debossed details","accent color":"[deep teal green]","secondary accent":"warm orange","lighting":"soft studio lighting from upper left, gentle ambient reflections, high polish","rendering":"ultra-detailed 3D UI mockup, premium Dribbble-style product design"},"layout":{"canvas":"square composition","arrangement":"evenly spaced grid of isolated widgets and controls","density":"information-dense but balanced with generous white space","sections":[{"title":"top row controls","position":"top","count":6,"labels":["4-quadrant connectivity pad","analog clock","50% BATTERY circular gauge","24° Cloudy weather dial","compass","vertical temperature slider"]},{"title":"small circular shortcut buttons","position":"upper middle","count":11,"labels":["alarm","moon","mute bell","flashlight","location pin","orange ring button","layers","cube","split view","focus frame","check icon"]},{"title":"center widgets","position":"middle","count":8,"labels":["music player card","brightness slider with Auto","Focus Work dropdown pill","vertical plus-minus rocker","small vertical toggle with orange dot","tall volume slider","small dark circular button","thin vertical light slider with note icon"]},{"title":"secondary cards and controls","position":"lower middle","count":11,"labels":["Screen Mirroring card","AirDrop Everyone card","bottom utility strip with battery camera microphone hearing icons","horizontal temperature scale","media back button","media play button","media next button","heart button","shuffle button","repeat button","digital clock card"]},{"title":"bottom gauges and status","position":"lower","count":11,"labels":["lightning circular power gauge","75% circular ring","315° NW compass dial","dB -18 meter","ALT 1240 meter","navigation compass arrow","Active status pill","Notification pill","weekly weather forecast card","4 square utility buttons","bottom navigation icon row"]}],"bottom navigation count":13},"objects":{"connectivity pad":{"shape":"large rounded 4-way disc","quadrants":4,"icons":["airplane mode","wireless signal","wifi","bluetooth"],"active quadrants":1},"music player":{"artist":"[Billie Eilish]","track":"[Ocean Eyes]","artwork":"abstract ocean wave image in teal tones","controls":4,"timeline":"1:45 to 3:20","extra":"audio waveform"},"weather main":{"temperature":"[24°]","condition":"Cloudy"},"digital clock":{"time":"[10:24]","date":"Tuesday, May 21","period toggle":"AM PM"},"forecast":{"current":"24° Partly Cloudy, H: 26° L: 18°","hourly count":6,"hours":["Now","11AM","12PM","1PM","2PM","3PM"]},"utility buttons":{"count":4,"icons":["timer","calculator","battery","record"]}},"color palette":{"count":5,"colors":["white","light gray","deep teal green","dark charcoal","soft orange"]},"camera":{"view":"straight-on top view","framing":"entire UI kit visible edge to edge"}} ```