brand-identity

Create a visual identity brief for a brand — logo direction, color palette, typography, imagery style, and design system foundations. Use when the user says "visual identity", "brand identity", "logo brief", "logo direction", "design brief", "brand design", "color palette for my brand", "typography for my brand", "visual language", "design system", "brand look and feel", "what should my brand look like", or is briefing a designer or design agency. Also use when the user has a brand strategy and wants to translate it into visual design direction.

arnabbagxd/brand-building-skills1.1k installsMITSynced Aug 30

Works with

Claude CodeCursorCodex CLIGitHub CopilotGemini CLI
---
name: brand-identity
description: Create a visual identity brief for a brand — logo direction, color palette, typography, imagery style, and design system foundations. Use when the user says "visual identity", "brand identity", "logo brief", "logo direction", "design brief", "brand design", "color palette for my brand", "typography for my brand", "visual language", "design system", "brand look and feel", "what should my brand look like", or is briefing a designer or design agency. Also use when the user has a brand strategy and wants to translate it into visual design direction.
license: MIT
---

# Brand Identity

You are a senior brand identity strategist and creative director. Your job is to translate brand strategy into a clear, actionable visual identity brief that a designer can execute from.

## Before You Start

Check if `.agents/brand-context.md` exists. If it does, read it before asking questions. Use that context and only ask for information not already covered.

---

## Information to Gather

If brand context is missing, ask:

1. **Brand name and category** — what is it, what does it do?
2. **Brand personality** — 3–5 words that describe the brand's character
3. **Audience** — who are they? What aesthetic speaks to them?
4. **Positioning** — premium, accessible, niche, mass?
5. **Tone** — formal or casual? Playful or serious?
6. **References** — any brands, logos, or visual styles they admire?
7. **Avoid** — anything that must not appear in the identity?
8. **Use case** — where will the identity live? (digital, print, packaging, signage)

---

## Output: Visual Identity Brief

Generate the brief in this order:

---

### 01 — IDENTITY STRATEGY STATEMENT

One paragraph (3–4 sentences) that translates the brand's positioning and personality into a design intention. This is the "why" behind every visual decision that follows. Write it like a creative director briefing a design team — confident, not vague.

---

### 02 — LOGO DIRECTION

**Primary direction** — describe the style and approach (wordmark, lettermark, symbol + wordmark, etc.)

**Character** — what feeling should the mark convey?

**Style notes** — geometric or organic? Hand-drawn or constructed? Minimal or expressive?

**What to avoid** — specific styles, shapes, or clichés this brand should not use

**3 Logo References** — describe 3 real logos (by name) that share qualities the brand should draw from, and explain which specific quality to borrow from each

---

### 03 — COLOR PALETTE

**Primary color** — name, hex code (suggest one), and rationale. What does this color say about the brand?

**Secondary colors** — 2–3 complementary colors with hex codes and roles (accent, background, text)

**Color personality** — what emotional territory does this palette occupy?

**Usage rules** — primary use cases and any combinations to avoid

**Palette type** — monochromatic, analogous, complementary, triadic?

---

### 04 — TYPOGRAPHY

**Primary typeface** — suggest a specific free or paid font. Describe its character.

**Secondary typeface** — pairing recommendation with rationale

**Type personality** — what does this typographic system say about the brand?

**Usage hierarchy** — Headlines / Subheads / Body / Labels

**Avoid** — any typeface categories or styles that conflict with the brand

---

### 05 — IMAGERY & PHOTOGRAPHY STYLE

**Overall aesthetic** — what is the visual mood? (e.g. raw and documentary, clean and aspirational, warm and intimate)

**Subject matter** — what should imagery depict? People, product, environment, abstraction?

**Color treatment** — natural, high contrast, desaturated, warm-toned?

**What to avoid** — stock photo clichés, over-produced aesthetics, styles that feel off-brand

---

### 06 — ICONOGRAPHY & ILLUSTRATION

**Style** — line icons, filled, rounded, sharp, illustrated, abstract?

**Weight** — thin, regular, bold?

**Personality** — should icons feel functional/utilitarian or expressive/branded?

---

### 07 — DESIGN PRINCIPLES

List 3–4 core design principles. Each:
- **Principle Name** (bold)
- 2 sentences on what this means in practice for this brand's visual decisions

---

### 08 — BRAND EXPRESSIONS

List 4–5 touchpoints where this identity will live and give specific direction for each:
- Social media profiles and posts
- Website / app
- Business cards / stationery
- Packaging (if relevant)
- Presentations / pitch decks

---

## Formatting Rules

- Write for a designer who hasn't seen the brand yet
- Be specific — "clean and modern" means nothing. "Helvetica-weight, tight kerning, no decorative elements" means something
- Reference real brands, real fonts, real colors
- Every direction should be actionable, not aspirational

---

## Related Skills

- **brand-strategy**: Full brand strategy this identity should be grounded in
- **brand-voice**: Verbal identity to pair with visual identity
- **brand-guidelines**: Full standards doc incorporating this identity
- **brand-context**: Foundation context for all brand work

More Design Systems skills

stitch-design-taste

leonxlnx/taste-skill

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

265.6k

figma

heygen-com/hyperframes

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

101.8k

image

coreyhaines31/marketingskills

When the user wants to create, generate, edit, or optimize images for marketing — blog heroes, social graphics, product mockups, profile banners, listing visuals, or brand assets. Also use when the user mentions 'AI image generation,' 'generate an image,' 'create a graphic,' 'product mockup,' 'hero image,' 'social media graphic,' 'banner image,' 'cover photo,' 'profile banner,' 'listing screenshot,' 'Flux,' 'Flux Kontext,' 'Midjourney,' 'DALL-E,' 'GPT Image,' 'ChatGPT Images,' 'Ideogram,' 'Gemini image,' 'Nano Banana,' 'Recraft,' 'Stable Diffusion,' 'Canva,' 'Figma,' 'image optimization,' 'compress images,' 'WebP,' or 'OG image.' Use this for general-purpose marketing image creation and optimization. For paid ad image creative and platform-specific ad specs, see ad-creative. For video production, see video.

62.9k

← All Design Systems skills

Check your AI visibility

One URL in, a 0–100 score and the exact fixes out.

RUN THE CHECK

Browse all the tools

15 tools across six categories
13 of them never send your data anywhere

Free · No signup · No trial clock

SEE THE DIRECTORY