深色模式 AI 查看器及课程网站预览

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.