深色AI檢視器課程網站原型

一個逼真的暗黑模式桌面端創意AI影象檢視器介面截圖，展示生成的網站設計原型。整體畫布為炭灰色，採用簡約現代的應用UI。 • 左上角：標題文字為小號白色無襯線字型的“[Thought for 2m 6s]”，旁邊帶有一個微小的下折箭頭圖示。 • 居中預覽：一個顯著的圓角矩形預覽窗，展示日本線上課程的高階黑色編輯風落地頁。網站主視覺區擁有優雅的字型排版，小號英文字標“[ONLINE COURSES]”位於醒目的日文主標題“[デザインとキャリアを、次のステージへ]”上方，下方帶有較小的日文副標題。在主視覺下方，以3列2行網格精準排列6張課程卡片。每張卡片均為暗調質感、細邊框、金灰色微光、氛圍感配圖、分類標籤、簡要介紹、微型圓形導師頭像以及“[詳しく見る →]”連結： - 卡片1：UI設計視覺與標題“[本質的なUIデザインの思考とプロセス]” - 卡片2：Figma介面圖與標題“[Figmaマスター講座 実踐編]” - 卡片3：紙張文具圖與標題“[伝わる構造をつくる 情報設計の技術]” - 卡片4：網頁設計編輯器視覺與標題“[STUDIOでつくる ノーコードWebデザイン]” - 卡片5：品牌實體書視覺與標題“[ブランドの価値をつくる 設計と表現]” - 卡片6：作品集畫冊展開圖與標題“[魅せ方で差がつく ポートフォリオ講座]” • 預覽疊加層：預覽窗內部左下角有一個小巧的白色日文按鈕“[編集]”，右下角有一個精緻的白色分享/匯出圖示。 • 右側邊欄：精準排列4個垂直堆疊的圓角方形變體縮圖；前3個為淺色主題網頁設計，第4個與當前的深色課程網格相匹配，並帶有一圈發光的藍色選中描邊。 • 整體介面左下角：清晰的白色操作圖示，包含複製圖示和水平三點選單圖示。 逼真的截圖質感、精確的UI間距、細膩的投影效果，呈現高階洗練的日式設計美學。