Giao Diện AI Tạo Bộ Hướng Dẫn Thương Hiệu

A polished screenshot-style UI mockup showing an AI chat workspace generating brand guide slides from a markdown file, set against a dark green cutting-mat grid background with ruler markings along the top and left edges, thin mint grid lines, numbered measurements from 5 to 50, and tick marks. Centered in the composition is a large rounded white app window with a soft drop shadow. App window details: - Header toolbar: Displays the title "[Create brand guide slides]" followed by a three-dot menu icon on the top left. On the top right, exactly 4 small monochrome toolbar icons: a square with a dropdown chevron, a list/settings icon, a small rectangle icon, and a split-panel icon. A thin divider line runs beneath the toolbar. - Chat area: Near the upper right, a rounded attachment chip labeled "[DACOIT-DESIGN.md]", and beneath it a light gray user message bubble reading "[Read this and generate a brand guide slides based on this]". A subtle vertical scrollbar sits along the far right edge. - Agent response: In the left-middle area, a muted status text reads "Worked for [5m 3s] ›". Below a divider line, the response text reads: "Generated above using GPT image generation." followed by a paragraph: "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." - Embedded image thumbnail: Beneath the paragraph, a single rounded-corner preview showing a 3×2 grid of six mini brand-guide slides in a gritty editorial aesthetic using tan, burnt orange, black, cream, and red tones. The 6 slides clearly show: 1) Cover slide with bold text "DACOIT DESIGN CO", 2) Brand signal slide with "REBELLIOUS / EARTHY / DECLARATIVE", 3) Color system slide with vertical swatches labeled "TAN", "RED", "INK", "BLACK", "SMOKE", 4) Typography slide reading "WORDS BECOME ARCHITECTURE", 5) Layout rules slide reading "DESIGN WITHOUT APOLOGY", 6) Dark-background motion/footer slide reading "START A RIOT". Style: Crisp high-fidelity product design interface, modern clean sans-serif typography, sharp black and gray text, generous whitespace, realistic desktop UI window styling. No people, no hands, no browser address bars, no extra floating windows.