带课程网站预览的深色 AI 浏览器

提示词

一张深色模式的桌面截图，展示了一个 AI 图像查看器界面，正在显示一个生成的网站设计预览。整体画布为木炭灰色，具有极简现代的应用程序界面。左上角放置标题“Thought for 2m 6s”，使用小号白色无衬线字体，并带有细微的折角箭头。居中偏左显示一张大型圆角矩形预览图，内容是一款面向日语在线课程的光泽黑色奢华编辑风网页落地页。在该预览图内，网站主视觉区域采用黑色背景，搭配优雅的衬线与无衬线排版，英文小标题“ONLINE COURSES”位于一行大型日文标题“デザインとキャリアを、次のステージへ”上方。其下方还有一个较小的日文副标题。网站的主体内容区域包含且仅包含 6 张课程卡片，以 3 列 × 2 行网格排列。每张卡片都呈现深色、电影感与高端质感，包含氛围感照片、分类标签、日文标题、简短描述、小型圆形讲师头像，以及“詳しく見る →”样式的链接。第 1 张卡片展示 UI 设计意象，主标题为“本質的なUIデザインの思考とプロセス”。第 2 张卡片展示与 Figma 相关的屏幕图像，标题为“Figmaマスター講座 実践編”。第 3 张卡片展示纸上的写作工具，标题为“伝わる構造をつくる 情報設計の技術”。第 4 张卡片展示 STUDIO 主题视觉，标题为“STUDIOでつくる ノーコードWebデザイン”。第 5 张卡片展示品牌或书籍般的物件，标题为“ブランドの価値をつくる 設計と表現”。第 6 张卡片展示作品集册页展开图，标题为“魅せ方で差がつく ポートフォリオ講座”。加入细微的金灰色高光、细边框、柔和反光，以及精致高端的日式设计美学。在预览图内部左下角添加白色日文标签“編集”。在预览图内部右下角添加一个小型白色分享/导出图标。在应用界面的最右侧，放置且仅放置 4 个垂直堆叠的圆角方形缩略图，代表其他生成图像；前 3 个缩略图为浅色主题的页面设计，第 4 个缩略图与深色课程网格设计相匹配。用发光的蓝色选中描边高亮第 4 个缩略图。在整个截图的左下角，添加且仅添加 2 个小型白色界面图标：一个复制图标和一个水平三点菜单。整体构图应呈现为一张真实的创意 AI 工具产品截图，具有清晰的界面间距、细腻阴影以及准确的屏幕捕捉真实感。