| name | brand |
| description | Activate when a user requests a brand kit, brand identity board, logo concept, or visual identity system as an image output. |
| version | 1 |
| category | image-generation |
| outputs | images |
Brand
Purpose
This skill generates brand-kit images: single-frame or multi-panel compositions that communicate a product's visual identity. The output is an art-directed image — not a logo file or production asset — intended as a brand concept reference. Each generated image should answer who the brand is, what it represents, and how its visual system holds together across contexts.
When to Activate
- User requests a brand kit, brand board, identity deck, or logo concept
- User wants to visualize a brand name or product as a visual system
- User asks for a logo with surrounding context (colors, typography, applications)
- User provides a product category and wants a brand direction image
When Not to Activate
- User only wants a wordmark in isolation (use standard image generation)
- User wants a UI mockup for a product (use
web-image or build-from-image)
- User wants production-ready SVG files or brand guidelines documents (use
design-system)
Core Principles
-
Lead with brand strategy, not decoration. Before choosing shapes or colors, determine the category, audience, emotional promise, and cultural position. Visual decisions follow from meaning, not aesthetics.
-
The logo must justify itself. Every mark derives from one of: a product action (what the product does), a core metaphor (what the brand means), or a letter/form combination with negative space or geometry. Avoid symbols selected for aesthetic appeal alone.
-
One dominant visual mode per image. Choose one brand world and execute it consistently across all panels. Do not mix dark-technical with warm-editorial tones in the same board.
-
Panels must form a sequence. A brand board is not a collection of disconnected elements. Each panel should feel like a natural progression: from mark to context to application to atmosphere.
-
Restraint signals quality. Fewer colors, fewer typefaces, fewer elements — executed with precision — communicates more confidence than visual density. Negative space between elements carries as much meaning as the elements themselves.
-
Text must render legibly. Headline text must be large enough to read clearly. Body or label text must not be decorative noise. If text cannot be read at normal viewing size, it should not appear.
-
Consistent accent logic across panels. Choose one or two accent colors. Repeat them across every panel. Do not introduce new colors mid-board.
-
Mockups are applications, not feature demos. Device mockups, browser frames, and UI elements exist to show how the brand applies in context — not to demonstrate product features. Keep mockup content simple and brand-focused.
Configuration
| Parameter | Options | Default | Notes |
|---|
| PANEL_LAYOUT | 1×3 / 2×2 / 2×3 / 3×3 / 4×2 | 3×3 | Choose based on brand complexity |
| VISUAL_DENSITY | 1–10 | 3 | 1=sparse/gallery, 10=reference-deck dense |
| BRAND_TONE | dark-tech / dark-nature / editorial-light / luxury / cultural | dark-tech | Match to product category |
| ASPECT_RATIO | 4:3 / 16:10 / 16:9 | 16:10 | 16:9 for cinematic; 4:3 for deck-style |
Workflow
-
Infer brand strategy. From the product name or description, determine: category, intended audience, product function, emotional positioning, visual metaphor, and one thing the brand should not look like.
-
Select a visual mode. Match the brand to one mode and commit to it fully:
- Dark technical: Near-black base, monospace accents, command-line references, cyan/coral/lime accents. For developer tools, AI builders, infra.
- Dark expressive: Black/amber/red palette, icon rows, segmented flows, reward motifs. For business tools, automation, growth products.
- Dark nature: Deep green, lime accent, misty landscape imagery, calm editorial grid. For strategy, climate, quiet premium SaaS.
- Dark security: Black/navy, shield or radar forms, controlled gradients, alert chips. For security, compliance, monitoring.
- Light editorial: Warm ivory, paper texture, small serif labels, seals/badges. For legal, privacy, trust brands.
- Luxury: Ivory/stone/espresso, serif wordmark, editorial crops, soft shadows. For beauty, fashion, hospitality.
- Voice/audio: Dark indigo, lilac glow, waveform motifs, mic abstraction. For voice AI, chat, speech products.
- Cultural/experimental: Halftone, analog print, bold accent, poster-style. For music, creative tools, gaming-adjacent.
-
Design the logo concept using one method:
- Monogram + metaphor: Combine a brand initial with a structural or symbolic form using negative space, cuts, or geometry.
- Action mark: Abstract the product's primary action (build, protect, connect, speak) into a reduced symbol.
- Metaphor fusion: Combine two relevant concepts into one mark (e.g., shield + mountain, wave + initial). Keep the fusion subtle and readable.
- Construction geometry: Derive the mark from a systematic grid, orbital path, frame, or modular structure. One panel can show the construction logic.
-
Plan the panel sequence. For 3×3: (1) logo cover, (2) mark construction, (3) digital application, (4) brand essence/tagline, (5) color system, (6) typography, (7) physical application, (8) atmosphere image, (9) system detail. Adapt proportionally for other layouts.
-
Define the color palette. Select: one base, one primary accent, one optional secondary accent, neutral values. Ensure all accents recur across at least three panels.
Forbidden Patterns
Logo patterns:
- Generic lightning bolts without strong conceptual justification
- Copied or derivative marks from recognizable brand systems
- Overcomplicated symbols that do not reduce cleanly to icon size
- Meaningless decorative sparkles, stars, or swooshes with no brand rationale
- Inconsistent logo variants across panels
Board patterns:
- Random floating icons with no placement logic
- Text too small to read at normal image size
- Lorem ipsum or placeholder text in any panel
- Gradients applied randomly to fill space
- More than three accent colors appearing across the board
- Generic stock photography of smiling people or office environments
Copy patterns:
- Buzzword taglines: "Built for growth," "The future of X," "Seamless solutions"
- Taglines exceeding six words
- Multiple competing brand statements in one board
Output Requirements
- One complete brand board image per request unless otherwise specified
- All text legible at final rendered size
- Logo mark visible in at least two distinct panels
- Color palette visible as deliberate swatches or tonal zones in at least one panel
- Board feels like one coherent brand world
Quality Gates
Failure Modes
"Random symbol syndrome": Logo mark has no clear derivation — it looks decorative, not strategic. Detection: you cannot explain why the symbol was chosen. Fix: return to step 3 and explicitly select a concept method.
"Panel chaos": Panels feel like separate images placed side by side. Detection: adjacent panels have different color temperatures or type treatments. Fix: enforce one visual mode before starting panel composition.
"Filler text problem": Copy reads as placeholder — generic taglines, lorem ipsum, or vague brand names. Fix: write a short, specific tagline based on the inferred brand purpose, or omit the copy panel.
"Mockup overload": Device mockups contain detailed product UI distracting from brand identity. Fix: replace detailed UI with brand-applied minimal fragments (browser bars, input fields, app icons only).
Response Format
Generate the brand board image directly. Optionally prepend a brief brand strategy note (3–5 sentences: category, audience, visual mode, logo method) before the image. Do not include long analysis after the image.