Brand Guide UI Mockup

目标：创建一个精致的截图风格 UI 模型，展示 AI 聊天或 Agent 工作区成功从 Markdown 文件生成品牌指南 Slides。 画布：4:3 横向构图，约 1024×768。背景为深绿色切割垫网格，顶部和左侧边缘带有刻度标记，细薄的薄荷绿网格线，测量数值从 5 到 50，带有小刻度线和几条淡淡的对角辅助线。中心放置一个带有柔和阴影的大型圆角白色应用窗口，保留绿色网格作为边框可见。 应用窗口布局：白色面板具有圆角和极简工具栏。左上角显示标题文本“Create brand guide slides”，后跟一个三点菜单。右上角包含 4 个小型工具栏图标：一个带有下拉箭头的深色方形图标、一个列表/设置图标、一个小矩形图标和一个分屏图标。工具栏下方有一条细水平分隔线。在聊天区域右上角附近，显示一个标有“DACOIT-DESIGN.md”的圆角附件卡片，下方是一个浅灰色用户消息气泡，内容为“Read this and generate a brand guide slides based on this”。在窗口最右侧添加一个细微的垂直滚动条。 主要回复内容：在左中部区域，显示一行静音状态栏“Worked for processing time: 5m 3s ›”。在分隔线下方，显示回复文本：“Generated above using GPT image generation.” 然后是一段话：“It’s a single raster contact-sheet concept for six Dacoit brand-guide slides based on `DACOIT-DESIGN.md`: cover, brand signal, color system, typography, layout rules, and motion/footer. Tiny generated text can have minor artifacts, but the overall brand direction is captured.” 使用简洁的现代无衬线 UI 字体，黑色和灰色文本，宽裕的间距。 嵌入式生成图像缩略图：在段落下方，放置一个圆角缩略图预览，展示六张品牌指南 Slides 的联系表。它必须包含 3×2 网格中的 6 个小型 Slide 面板。小型 Slide 的风格为粗犷的编辑品牌设计，采用棕褐色、焦橙色、黑色、奶油色和红色。计数并描绘六个可见的 Slide 主题：1) 带有巨大文本“DACOIT DESIGN CO”的封面 Slide，2) 带有“REBELLIOUS / EARTHY / DECLARATIVE”的品牌信号 Slide，3) 带有垂直色块的色彩系统 Slide，标记大致为 TAN、RED、INK、BLACK、SMOKE，4) 带有大字“WORDS BECOME ARCHITECTURE”的排版 Slide，5) 带有“DESIGN WITHOUT APOLOGY”的布局规则 Slide，6) 带有深色背景和“START A RIOT”的动态/页脚 Slide。微小的文本可能不完美，但大标签应该是可识别的。 视觉风格：高保真产品截图，清爽的白色界面，细微的阴影，逼真的浏览器/应用外壳，极简的单色图标，清晰易读的文本，整洁的间距。背景应呈现出设计工作区或绘图垫的感觉。 可自定义的来源/品牌详情：如果更改，请使用 project title: Create brand guide slides 作为窗口标题。附件卡片和段落引用请使用 file name: DACOIT-DESIGN.md。品牌指南主题请使用 brand name: Dacoit。消息气泡文本请使用 user request: Read this and generate a brand guide slides based on this。 约束：不要添加人物、手部、浏览器地址栏、额外的弹出窗口、水印或不相关的 UI。保持仅有一个应用窗口、一个附件卡片、一个用户消息气泡、一个状态行、一个回复段落块和一个包含恰好六个小型 Slides 的嵌入式缩略图。