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

AI画像ビューアーインターフェースのダークモードのデスクトップスクリーンショット。生成されたウェブサイトデザインのプレビューが表示されています。全体的なキャンバスは木炭色で、ミニマルでモダンなアプリUIです。左上には、「Thought for 2m 6s」という小さな白いサンセリフテキストと微妙なシェブロンを配置します。中央左には、オンラインコースの日本語の光沢のある黒い高級編集ウェブランディングページの大規模な丸みを帯びた長方形のプレビュー画像が1つ表示されます。プレビュー内では、ウェブサイトのヒーローエリアは黒い背景、エレガントなセリフとサンセリフのタイポグラフィ、そして「ONLINE COURSES」という小さな英語の見出しと、「デザインとキャリアを、次のステージへ」という大きな日本語の見出しがあります。その下には、より小さな日本語のサブ見出しがあります。ウェブサイトのメインコンテンツエリアには、3列2行のグリッドで配置された正確に6つのコースカードがあります。各カードは、ムーディーな写真、カテゴリラベル、日本語のタイトル、短い説明、小さな円形の講師のポートレート、そして「詳しく見る →」スタイルのリンクを備えた、暗く、映画的で、プレミアムなデザインです。カード1にはUIデザインの画像と大きなタイトル「本質的なUIデザインの思考とプロセス」が表示されます。カード2にはFigma関連のスクリーン画像とタイトル「Figmaマスター講座 実践編」が表示されます。カード3には紙の上のライティングツールとタイトル「伝わる構造をつくる 情報設計の技術」が表示されます。カード4にはSTUDIOをテーマにしたビジュアルとタイトル「STUDIOでつくる ノーコードWebデザイン」が表示されます。カード5にはブランディングまたは本のようなオブジェクトとタイトル「ブランドの価値をつくる 設計と表現」が表示されます。カード6にはポートフォリオブックレットのスプレッドとタイトル「魅せ方で差がつく ポートフォリオ講座」が表示されます。微妙な金色のグレーのハイライト、細い境界線、ソフトな反射、そして洗練された高級な日本のデザイン美学を追加します。プレビュー画像の内側の左下には、白い日本語のラベル「編集」を含めます。プレビュー画像の内側の右下には、小さな白い共有/エクスポートアイコンを追加します。アプリインターフェースの最右側には、正確に4つの垂直に積み重ねられた丸みを帯びた正方形のサムネイルを配置します。これらは、代替の生成された画像を表しています。上位3つのサムネイルは、淡いライトテーマのページデザインであり、4番目のサムネイルは、暗いコースグリッドデザインと一致します。4番目のサムネイルを、光る青い選択アウトラインで強調表示します。全体のスクリーンショットの左下には、正確に2つの小さな白いインターフェースアイコンを追加します。コピーアイコンと水平三点メニューです。この構成は、クリスプなUI間隔、微妙な影、正確なスクリーンキャプチャリアリズムを備えた、クリエイティブAIツールの実際の製品スクリーンショットのように感じられるようにします。