コースウェブサイトのプレビュー機能を備えたダークAIビューア

ダークモードのデスクトップAI画像ビューアインターフェースのスクリーンショットには、生成されたWebサイトのデザインのプレビューが表示されています。全体のキャンバスはチャコールグレーで、ミニマルでモダンなアプリケーションUIを採用しています。左上隅には、わずかに角度のついたアイコンとともに、「Thought for 2m 6s」という小さな白いサンセリフ体のテキストタイトルがあります。左中央には、日本のオンラインコースの黒を基調とした豪華なランディングページを示す大きな角丸長方形のプレビューが表示されています。プレビュー内のWebサイトのメイン画面領域は、エレガントなセリフ体とサンセリフ体のフォントを使用した黒い背景になっています。上部には「ONLINE COURSES」という小さな英語のタイトルがあり、下部には「デザインとキャリアを、次のステージへ」という大きな日本語のメインタイトルがあり、その下に小さな日本語のサブタイトルがあります。Webサイトのメインコンテンツ領域には、3列2行のグリッドに配置された6つのコースカードがあります。各カードは、洗練された映画のような高級感あふれるスタイルが特徴で、雰囲気のある画像、カテゴリタグ、日本語のタイトル、簡潔な説明、小さな円形の講師アバター、「詳細を見る →」スタイルのリンクなどが含まれています。カード1は、「UIデザインの本質についての考察とプログラム」というメインタイトルのUIデザイン画像です。カード2は、「Figmaマスター講義練習編」というタイトルのFigma関連の画面画像です。カード3は、「分散構造を生み出す情報デザインのためのテクノロジー」というタイトルの筆記用具です。カード4は、「STUDIOテーマのコード不要Webデザイン」というタイトルのSTUDIOテーマのビジュアルです。カード5は、「ブランド価値のデザインと表現」というタイトルのブランドまたは書籍のようなオブジェクトです。カード6は、「繊細な特徴を備えたポートフォリオ講義」というタイトルのポートフォリオ/小冊子です。繊細なゴールドグレーのハイライト、細い枠線、柔らかな反射が加えられ、洗練された高級感のある日本のデザイン美学を表現しています。プレビュー画像の左下隅には、白い日本語のラベル「カタログ」が表示されています。プレビュー画像の右下隅には、小さな白い共有/エクスポートアイコンが表示されています。アプリケーションインターフェースの右端には、生成された他の画像を表す、丸みを帯びた正方形のサムネイルが4つ縦に並んでいます。最初の3つのサムネイルは明るい色のテーマページデザインですが、4つ目のサムネイルは暗いコースグリッドデザインに一致しています。4つ目のサムネイルは、光る青色の選択枠で強調表示されています。全体のスクリーンショットの左下隅には、コピーアイコンと横三点メニューという2つの小さな白いインターフェースアイコンが表示されています。全体の構成は、明確なUI間隔、微妙な影、正確な画面キャプチャによるリアルな印象など、AIツールの実際のスクリーンショットの品質を表現している必要があります。