# GPT Image Hub prompt

## UI เวิร์กสเปซสร้างคู่มือแบรนด์ด้วย AI
- URL: https://www.gptimagehub.com/th/library/ai-brand-guide-generator-workspace-ui
- Generator URL: https://www.gptimagehub.com/th/generate?promptId=oss-ym-g2-25230
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fth%2Flibrary%2Fai-brand-guide-generator-workspace-ui
- Category: ออกแบบ UI / UX
- Model: gpt-image-2
- Aspect ratio: 4:3
- Style: graphic-design
- Tags: ม็อกอัป ui, คู่มือแบรนด์, ผู้ช่วย ai, ออกแบบผลิตภัณฑ์, แผ่นรองตัด, งานออกแบบสิ่งพิมพ์, แดชบอร์ด
- Updated: 2026-10-28T02:58:13.098Z
- Created: 2026-10-28T02:58:13.098Z

จำลองหน้าต่างแชต AI กำลังสร้างสไลด์คู่มือแบรนด์ 6 หน้าบนแผ่นรองตัด สามารถเปลี่ยนชื่อไฟล์และชื่อแบรนด์ได้ตามต้องการ

### Full prompt
```text
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.
```