# AI Brand Guide Generation UI

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library UI Design (@library.ui.design)](/@library.ui.design.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, graphic or type, minimal
- Copies: 0
- Saves: 0
- Published: 2026-10-31
- Cover image: https://cdn.promptclay.com/media/v/01M69QJBH19CZKESHFC6NSDBA1/w1200.webp
- Page: https://promptclay.com/prompts/ai-brand-guide-generation-ui-mm8zqh

## Prompt

```text
Goal: Create a polished screenshot-style UI mockup showing an AI chat or agent workspace successfully generating brand guide slides from a markdown file.

Canvas: 4:3 landscape composition, approximately 1024×768. Background is a dark green cutting-mat grid with ruler markings around the top and left edges, thin mint grid lines, measurement numbers from 5 to 50, small tick marks, and a few faint diagonal guide lines. Center a large rounded white app window with a soft shadow, leaving the green grid visible as a border.

App window layout: The white panel has rounded corners and a minimal toolbar. At top left, show the title text “Create brand guide slides” followed by a three-dot menu. At top right, include exactly 4 small toolbar icons: a dark square icon with a dropdown chevron, a list/settings icon, a small rectangle icon, and a split-panel icon. A thin horizontal divider runs under the toolbar. Near the upper right of the chat area, show a rounded attachment chip labeled “DACOIT-DESIGN.md”, then below it a light gray user message bubble reading “Read this and generate a brand guide slides based on this”. Add a subtle vertical scrollbar on the far right inside the window.

Main response content: In the left-middle area, show a muted status line “Worked for {processing_time} ›”. Below a divider, show the response text: “Generated above using GPT image generation.” Then 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.” Use clean modern sans-serif UI typography, black and gray text, generous spacing.

Embedded generated image thumbnail: Under the paragraph, place one rounded-corner thumbnail preview of a six-slide brand-guide contact sheet. It must contain exactly 6 mini slide panels in a 3×2 grid. The style of the mini slides is gritty editorial branding with tan, burnt orange, black, cream, and red. Count and depict the six visible slide topics: 1) cover slide with huge text “DACOIT DESIGN CO”, 2) brand signal slide with “REBELLIOUS / EARTHY / DECLARATIVE”, 3) color system slide with vertical swatches labeled roughly TAN, RED, INK, BLACK, SMOKE, 4) typography slide with large words “WORDS BECOME ARCHITECTURE”, 5) layout rules slide with “DESIGN WITHOUT APOLOGY”, 6) motion/footer slide with dark background and “START A RIOT”. The tiny text may be imperfect but the large labels should be recognizable.

Visual style: High-fidelity product screenshot, crisp white interface, subtle shadows, realistic browser/app chrome, minimal monochrome icons, sharp readable text, clean spacing. The background should feel like a design workspace or drafting mat.

Customizable source/brand details: Use {project_title} as the window title if changed. Use {file_name} for the attachment chip and paragraph reference. Use {brand_name} for the brand guide subject. Use {user_request} as the message bubble text.

Constraints: Do not add people, hands, browser address bars, extra popups, watermarks, or unrelated UI. Keep exactly one app window, one attachment chip, one user message bubble, one status line, one response paragraph block, and one embedded thumbnail containing exactly six mini slides.
```

## Variables

Replace each `{variable}` before you paste the prompt.

| Variable | Label | Example |
|---|---|---|
| `{processing_time}` | processing time | 5m 3s |
| `{project_title}` | project title | Create brand guide slides |
| `{file_name}` | file name | DACOIT-DESIGN.md |
| `{brand_name}` | brand name | Dacoit |
| `{user_request}` | user request | Read this and generate a brand guide slides based on this |

## About

Creates a clean AI workspace screenshot showing a markdown brand file being turned into a six-slide Dacoit-style brand guide contact sheet.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.ui.design on Promptclay, https://promptclay.com/prompts/ai-brand-guide-generation-ui-mm8zqh
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Multi-Slide Document Generation with Nano Banana and NotebookLM](/prompts/multi-slide-document-generation-with-nano-banana-and-notebooklm-hpgvjx.md): Nano Banana Pro, by @library.art
- [AI Prompt Gallery Browser Mockup](/prompts/ai-prompt-gallery-browser-mockup-4akfh0.md): GPT Image 2, by @library.ui.design
- [AI Artifact Removal Instruction](/prompts/ai-artifact-removal-instruction-wffg2b.md): GPT Image 2, by @library.game.art
- [Social Feed Creation for Olive Oil Brand](/prompts/social-feed-creation-for-olive-oil-brand-3t6xkf.md): Nano Banana Pro, by @library.social
- [AI Gallery Portrait UI Screenshot](/prompts/ai-gallery-portrait-ui-screenshot-821xvz.md): GPT Image 2, by @library.explainers
- [Thumbnail text overlay based on attachment](/prompts/thumbnail-text-overlay-based-on-attachment-w5pswp.md): Nano Banana Pro, by @library.social
- [12-Panel Sticker/Emoji Grid Generation Prompt](/prompts/12-panel-sticker-emoji-grid-generation-prompt-qmt8w5.md): Nano Banana Pro, by @library.comics
- [Japanese AI Prompt Gallery UI](/prompts/japanese-ai-prompt-gallery-ui-j8zka9.md): GPT Image 2, by @library.brand
- [Generating Hollywood Detective Scene Images with Character Reference](/prompts/generating-hollywood-detective-scene-images-with-character-reference-fhyg0n.md): Nano Banana Pro, by @library.portraits
- [Generating Multiple Runnable Modes/States](/prompts/generating-multiple-runnable-modes-states-xw8stn.md): Nano Banana Pro, by @library.game.art
- [Nano Banana Pro for 4K Art and Research Agents](/prompts/nano-banana-pro-for-4k-art-and-research-agents-zwn8cw.md): Nano Banana Pro, by @library.art
- [Five High-Efficiency Nano Banana Pro Prompts for Business Graphics](/prompts/five-high-efficiency-nano-banana-pro-prompts-for-business-graphics-36nh6e.md): Nano Banana Pro, by @library.infographics

---
Canonical: https://promptclay.com/prompts/ai-brand-guide-generation-ui-mm8zqh
Search: /search.md?q=your+words