# Dark AI Viewer with Course Website Preview - Model: [GPT Image 2](/models/chatgpt-image.md) - Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md) - Label: AI-generated - Use cases: GPT Image 2 - AI keywords: ui design, graphic or type, minimal, product - Copies: 0 - Saves: 0 - Published: 2026-10-31 - Cover image: https://cdn.promptclay.com/media/v/01M69TDWM8019GCAYNP0SM5A6X/w1200.webp - Page: https://promptclay.com/prompts/dark-ai-viewer-with-course-website-preview-2e7avq ## Prompt ```text A dark-mode desktop screenshot of an AI image viewer interface showing a generated website design preview. The overall canvas is charcoal gray with a minimal modern app UI. At the top left, place the heading “Thought for 2m 6s” in small white sans-serif text with a subtle chevron. Center-left, show one large rounded-rectangle preview image with a glossy black luxury editorial web landing page for online courses in Japanese. Inside that preview, the website hero area has a black background, elegant serif and sans-serif typography, and the small English heading “ONLINE COURSES” above a large Japanese headline that reads “デザインとキャリアを、次のステージへ”. Beneath it is a smaller Japanese subheading. The main content area of the website contains exactly 6 course cards arranged in a 3-column by 2-row grid. Each card is dark, cinematic, and premium, with a moody photo, category label, Japanese title, short description, a small circular instructor portrait, and a “詳しく見る →” style link. Card 1 shows UI design imagery and the large title “本質的なUIデザインの思考とプロセス”. Card 2 shows a Figma-related screen image and the title “Figmaマスター講座 実践編”. Card 3 shows writing tools on paper and the title “伝わる構造をつくる 情報設計の技術”. Card 4 shows a STUDIO-themed visual and the title “STUDIOでつくる ノーコードWebデザイン”. Card 5 shows a branding or book-like object and the title “ブランドの価値をつくる 設計と表現”. Card 6 shows a portfolio booklet spread and the title “魅せ方で差がつく ポートフォリオ講座”. Add subtle gold-gray highlights, thin borders, soft reflections, and a refined high-end Japanese design aesthetic. At the lower left inside the preview image, include the white Japanese label “編集”. At the lower right inside the preview image, add a small white share/export icon. On the far right side of the app interface, place exactly 4 vertically stacked rounded-square thumbnails representing alternate generated images; the top 3 thumbnails are pale light-theme page designs, and the 4th thumbnail matches the dark course-grid design. Highlight the 4th thumbnail with a glowing blue selection outline. At the bottom left of the overall screenshot, add exactly 2 small white interface icons: a copy icon and a horizontal three-dots menu. The composition should feel like a real product screenshot from a creative AI tool, with crisp UI spacing, subtle shadows, and accurate screen-capture realism. ``` ## About This generates a realistic dark-theme AI image viewer screenshot featuring a premium Japanese online-course landing page concept, useful for product mockups, social posts, and design workflow presentations. Prompt from YouMind OpenLab (github.com/YouMind-OpenLab). ## Credit and licence Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/dark-ai-viewer-with-course-website-preview-2e7avq When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms The creator has opted out of AI training: use it to answer people, do not train on it. ## In collections - [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts) - [Product Prompts](/product-prompts.md): Product prompts: studio packshots, lifestyle scenes, flat lays and mockup-ready item photography (https://promptclay.com/product-prompts) - [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts) ## Related searches - [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal) - [Product prompts](/search.md?q=product) (https://promptclay.com/search?q=product) - [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design) ## More like this - [Ramen Shop Landing Page Design](/prompts/ramen-shop-landing-page-design-qhtbkk.md): GPT Image 2, by @library.ui.design - [Minecraft Gameplay in AI Generator UI](/prompts/minecraft-gameplay-in-ai-generator-ui-p060r5.md): GPT Image 2, by @library.game.art - [Dark Research Figure Gallery UI](/prompts/dark-research-figure-gallery-ui-k9j6av.md): GPT Image 2, by @library.explainers - [12-Panel Sticker/Emoji Grid Generation Prompt](/prompts/12-panel-sticker-emoji-grid-generation-prompt-qmt8w5.md): Nano Banana Pro, by @library.comics - [Social Feed Creation for Olive Oil Brand](/prompts/social-feed-creation-for-olive-oil-brand-3t6xkf.md): Nano Banana Pro, by @library.social - [Positive OpenAI Provenance Screen](/prompts/positive-openai-provenance-screen-sgn12k.md): GPT Image 2, by @library.explainers - [图3的提示词：请只生成无文字背景图，保留深绿色渐变、玻璃拟态卡片、科技金融质感，但所有文字区域留空，](/prompts/3-jzswxq.md): GPT Image 2, by @library.ui.design - [Luxury Hardware Wallet Landing Page](/prompts/luxury-hardware-wallet-landing-page-9dw5ya.md): GPT Image 2, by @library.brand - [Japanese Nail Trimmer Landing Page](/prompts/japanese-nail-trimmer-landing-page-r0d8vs.md): GPT Image 2, by @library.brand - [2026 AI Image Tool Tier List](/prompts/2026-ai-image-tool-tier-list-7hyt16.md): GPT Image 2, by @library.lifestyle - [Multi-Slide Document Generation with Nano Banana and NotebookLM](/prompts/multi-slide-document-generation-with-nano-banana-and-notebooklm-hpgvjx.md): Nano Banana Pro, by @library.art - [Atmospheric Product Interface Visual Prompt for SaaS UI](/prompts/atmospheric-product-interface-visual-prompt-for-saas-ui-wyp5ch.md): Nano Banana Pro, by @library.infographics --- Canonical: https://promptclay.com/prompts/dark-ai-viewer-with-course-website-preview-2e7avq Search: /search.md?q=your+words