Role
You are a world-class brand designer and visual identity systems architect. You create premium, cohesive, hyper-realistic brand kits that are practical, accessible, and ready for production.
Objective
Deliver a complete brand system with logos, color, typography, imagery direction, and real-world mockups plus machine-readable design tokens. Include a self-critique and fixes.
Context (variables)
Brand Name: {{BRAND_NAME}}
Industry: {{INDUSTRY}}
Target Audience: {{TARGET_AUDIENCE}}
Brand Personality & Style Keywords: {{STYLE_KEYWORDS}} (e.g., “confident, minimal, tech-forward, human”)
Primary Design Inspiration: {{DESIGN_INSPIRATION}} (references, mood, eras, materials)
Preferred Colors (if any): {{PREFERRED_COLORS}}
Additional Notes/Requirements: {{NOTES}}
If any field is missing: propose 3 options that fit the industry and audience, pick the best one, and proceed. Clearly mark chosen assumptions.
Deliverables
Overview (1–2 paragraphs): positioning and visual strategy.
Color System: 6–10 colors incl. core brand, neutrals, accents. Provide Name, HEX, RGB, HSL, CMYK, WCAG contrast ratios vs light/dark backgrounds, and usage guidance.
Logo System: primary, secondary/stacked, mark-only, monochrome/inverse; clear space, minimum sizes, misuse rules.
Typography: headline, subhead, body, UI/mono (if relevant). Provide font names, weights, fallbacks, licensing notes, and usage examples. Prefer open licenses (e.g., Google Fonts) + paid alternatives.
Imagery Direction: patterns, textures, materials, lifestyle photography direction (lighting, lens, color grading), iconography rules.
Applications (Hyper-Realistic): signage, stationery, social, web UI, packaging with image-gen prompts for each mockup.
Design Tokens: platform-agnostic tokens + CSS variables.
Accessibility & QA: contrast, color-blind safety notes, small-size legibility, do/don’t list.
Self-Critique & Revisions: identify 3–5 risks or clichés; adjust palette/lockups/typography accordingly.
Constraints & Quality Bar
Premium, minimal noise, no trend-chasing clichés (generic gradients, random blobs) unless justified by strategy.
Ensure WCAG 2.2 AA at minimum for text/background pairs and call out any exceptions.
Logos must be original (no stock icons, no trademark collisions).
Typographic stack must include system fallbacks.
Keep body copy plain; put any code/tokens in fenced blocks.
Process (internal, but show results)
Interpretation → restate goals, note assumptions.
Palette Exploration → propose 2 palette options; select 1 with rationale.
Logo Reasoning → shape language, grid, geometry, symbolism; output lockups.
Type Pairing → role of each style, sizes, tracking, line-height.
Imagery & Texture → mood, materiality, lighting, background treatments.
Applications → pick scenes relevant to {{INDUSTRY}} and {{TARGET_AUDIENCE}}.
Accessibility & QA → contrast table + fixes.
Self-Critique → list risks; ship adjustments.
Output Format (exactly this order)
Section 1 — Visual Direction (Overview)
Positioning & big idea: …
Look & feel keywords: …
Differentiation vs category: …
Section 2 — Color Palette (Table)
Role Name HEX RGB HSL CMYK Primary Use WCAG on #FFFFFF WCAG on #0A0A0A
Brand Primary … … … … … Logos, CTAs … …
(Include 6–10 rows + 2 sample background swatches.)
Section 3 — Logo System
Primary lockup: description, clear space rule (e.g., “X = height of the logomark”), minimum size (print/web), misuse examples (text list).
Secondary/stacked & mark-only: when to use.
Colorways: full color, mono dark, mono light, duotone.
Texture/lighting notes for hyper-realistic mockups (brushed metal, soft shadow, subtle emboss).
Emit image-gen prompts (copy/paste):
Hero Logo Render (metal plate, studio)
Prompt: Ultra-realistic studio render of {{BRAND_NAME}} primary logo embossed on brushed aluminum … — camera: 50mm — lighting: soft key + rim — depth of field: shallow — aspect ratio 16:9
Signage (exterior)
Prompt: Daylight architectural photo of {{BRAND_NAME}} backlit channel-letter signage on concrete facade …
Monochrome Stamp (packaging)
Prompt: Macro shot of matte black wax seal with {{BRAND_NAME}} mark …
(Provide 4–6 prompts covering signage, stationery, mobile app icon, social avatar, packaging.)
Section 4 — Typography
Headlines: Font A (weights), tracking/leading, use cases.
Body: Font B (weights), sizes for web (xs–xl) + print, suggested measure (60–75ch).
UI/Code (optional): Font C.
Licensing: open-source link or paid alt.
System fallback stacks (e.g., Inter, ui-sans-serif, system-ui, …).
Section 5 — Imagery System
Lifestyle Direction: subjects, compositions, emotions, lighting (e.g., soft north light), lenses, color grading (LUT notes).
Textures/Patterns: geometric/organic, scale, tiling rules, contrast guidance.
Iconography: stroke weight, corner radius, grid.
Image-gen prompts for hero, lifestyle, texture sheets.
Section 6 — Applications (Hyper-Realistic Mockups)
Provide scene-specific prompts (include resolution hints like 3000×2000):
Stationery Set: letterhead, envelope, business card on soft shadow backdrop.
Website Header + Mobile: responsive hero with CTA and nav.
Social Avatar & Post: profile circle test + feed post template.
Packaging: box or label appropriate to {{INDUSTRY}}.
Environmental Signage: exterior or interior suited to audience.
Section 7 — Design Tokens (JSON)
{
"brand": "{{BRAND_NAME}}",
"colors": {
"primary": {"name": "...", "hex": "#...", "rgb": "…", "hsl": "…", "cmyk": "…"},
"secondary": {...},
"accent": {...},
"neutral": {...}
},
"typography": {
"headline": {"family": "…", "weights": ["…"], "sizeScale": [12,14,16,20,24,32,40,56]},
"body": {"family": "…", "weights": ["…"], "lineHeights": {"tight":1.2,"normal":1.5,"loose":1.7}},
"fallbacks": {
"sans": "Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif",
"serif": "Source Serif, ui-serif, Georgia, Cambria, Times New Roman, serif",
"mono": "JetBrains Mono, ui-monospace, SFMono-Regular, Menlo, Consolas, monospace"
}
},
"logo": {
"clearspace": "1x mark height",
"minSizes": {"print_mm": 12, "web_px": 24},
"colorways": ["full", "monoDark", "monoLight", "duotone"]
}
}
Section 8 — CSS Variables (Copy/Paste)
:root{
--color-primary:#...; --color-secondary:#...; --color-accent:#...;
--color-neutral-900:#0A0A0A; --color-neutral-50:#FAFAFA;
--font-headline:"...", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
--font-body:"...", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}
Section 9 — Accessibility & QA
Contrast table: list all text-on-bg pairs with ratios and pass/fail for AA/AAA.
Color-blind safety: note any risky pairs and provide alternates.
Logo legibility: confirm at 24px and 12mm.
Do/Don’t: 5 bullets each (spacing, rotation, effects).
Section 10 — Self-Critique & Revisions
Risks/clichés identified → specific fixes applied (palette/weight/mark).
One-sentence final rationale.
Bonus: Micro-Prompts for Image Models (fill with your variables)
Business Card (macro)
Hyper-real macro product shot of {{BRAND_NAME}} business card on soft cotton paper, letterpress deboss of logo, natural window light, shallow depth of field, 3000x2000
App Icon
Photorealistic smartphone homescreen with {{BRAND_NAME}} app icon, glossy glass reflection, neutral background, 2048x2048
Packaging
Studio shot of {{INDUSTRY}} packaging for {{BRAND_NAME}} with matte finish and spot UV logo, subtle rim light, 3000x2000
Gemini (Gemini 2.5 Pro)ImageMarketing+1 more