This recipe produces a complete visual identity brief document covering five core pillars: color palette (with exact HEX/RGB/CMYK values), typography system (font pairing and hierarchy), logo requirements (formats, sizes, variations), imagery style direction (photography and illustration guidelines), and an asset delivery checklist. The output is a production-ready brief that can be executed DIY, handed to a freelance designer, or used as the foundation for an agency engagement — with budget-appropriate guidance for each path. [src1]
Which path?
├── User is non-designer AND budget = DIY ($0-500)
│ └── PATH A: DIY Free — Canva + Coolors + Google Fonts
├── User is non-designer AND budget = freelancer ($500-5K)
│ └── PATH B: Brief for Freelancer — structured brief + mood board to hand off
├── User is intermediate+ AND budget = DIY ($0-500)
│ └── PATH C: Designer Self-Build — Figma + Google Fonts + Coolors
└── User has budget = agency ($5K-50K+)
└── PATH D: Agency Brief — comprehensive RFP-ready brief document| Path | Tools | Cost | Speed | Output Quality |
|---|---|---|---|---|
| A: DIY Free | Canva, Coolors, Google Fonts | $0-50 | 6-8 hours | Functional, not distinctive |
| B: Brief for Freelancer | Brief doc + Canva mood board | $500-5,000 | 2-3 hrs brief + designer time | Professional, coherent |
| C: Designer Self-Build | Figma, Coolors, Google/Adobe Fonts | $0-55/mo | 8-12 hours | Professional, custom |
| D: Agency Brief | Brief doc + mood board + competitor audit | $5,000-50,000+ | 3-4 hrs brief + agency time | Premium, comprehensive |
Duration: 30-45 minutes · Tool: Document editor (Google Docs, Notion, or plain text)
Translate your brand strategy into visual direction by answering foundational questions: brand personality attributes (3-5 selections like modern/classic/bold/subtle), target audience specifics, competitor positioning analysis, and primary channel ranking. These answers drive every visual decision that follows.
Verify: All fields populated with specific answers, not vague aspirations · If failed: If brand personality attributes are unclear, complete a brand positioning exercise first.
Duration: 45-60 minutes · Tool: Coolors.co + WebAIM Contrast Checker
Build a structured color palette using the 60-30-10 rule: primary color (60% usage), secondary color (30%), accent color (10%), plus neutrals. Start from brand personality mapped to color psychology (trust → blue, energy → red, growth → green, creativity → purple). Generate combinations at Coolors.co, document exact HEX/RGB/CMYK values for all 6 color roles, then verify every text-on-background combination passes WCAG AA at WebAIM. [src3] [src7]
Verify: All 6 color roles defined with exact HEX values; all text-on-background combinations pass WCAG AA · If failed: Adjust lightness/darkness of failing colors — do not compromise on accessibility.
Duration: 30-45 minutes · Tool: Google Fonts (free) or Adobe Fonts (paid)
Define a two-font system: one heading font (personality-driven) and one body font (readability-driven). Map brand personality to font style (modern → geometric sans, traditional → serif, technical → monospace-influenced, friendly → rounded). Pair fonts with sufficient contrast (serif + sans-serif is the classic approach). Document a full type scale with sizes, weights, line heights, and letter spacing for H1 through caption. Define fallback font stacks and web loading strategy. [src4]
Verify: Heading and body fonts are visually distinct; body text is readable at 16px on mobile · If failed: If fonts look too similar, increase contrast by pairing serif heading with sans-serif body.
Duration: 30-45 minutes · Tool: Document editor
Define the logo type (wordmark, lettermark, icon+wordmark, abstract mark, or emblem), required variations (primary, secondary/simplified, favicon, dark background, monochrome, social media profile), clear space rules, minimum size specifications, and complete file deliverables checklist (SVG, EPS, PDF, PNG at multiple resolutions, ICO for favicon). Include explicit usage rules covering prohibited modifications. [src5]
Verify: At least 4 logo variations specified; file format list includes both vector and raster; clear space and minimum size defined · If failed: If unsure about logo type, score each type against brand personality attributes from Step 1.
Duration: 45-60 minutes · Tool: Canva, Milanote, or Pinterest
Define photography direction (style, lighting, color grading, subjects, composition), illustration/icon style (line art, flat, 3D, stroke weight, color rules), graphic elements (shapes, patterns, borders, shadows), and create a mood board with 10-15 reference images covering color references, typography in context, photography style, and overall brand feel. Export as PDF and PNG. [src1]
Verify: Mood board contains 10-15 images with clear visual consistency; photography direction is specific enough for consistent execution · If failed: Remove outlier images and constrain to one dominant visual theme.
Duration: 30-45 minutes
Assemble all components into a single deliverable document with sections for brand foundation, color palette, typography system, logo requirements, and imagery direction. Attach mood board. Create asset delivery checklist covering color swatch files, logo in all variations/formats, favicon files, social media templates, font files/links, type scale reference, business card template, email signature template, presentation template, and social media post templates. Include budget tier guidance for DIY ($0-500), freelancer ($500-5K), boutique agency ($5K-20K), and full-service agency ($20K-50K+). [src2] [src6]
Verify: All 5 brief sections complete with specific values (not placeholders); asset checklist has 10+ deliverable items · If failed: Return to the incomplete step and fill in missing specifications.
{
"output_type": "visual_identity_brief",
"format": "PDF + JSON",
"columns": [
{"name": "section", "type": "string", "description": "Brief section (foundation, color, typography, logo, imagery)", "required": true},
{"name": "status", "type": "string", "description": "Section completion status (complete, partial, pending)", "required": true},
{"name": "primary_color_hex", "type": "string", "description": "Primary brand color in HEX", "required": true},
{"name": "heading_font", "type": "string", "description": "Selected heading typeface name", "required": true},
{"name": "body_font", "type": "string", "description": "Selected body typeface name", "required": true},
{"name": "logo_type", "type": "string", "description": "Logo type selected (wordmark, lettermark, icon+wordmark, abstract, emblem)", "required": true},
{"name": "budget_tier", "type": "string", "description": "Selected budget tier and estimated total cost", "required": true},
{"name": "wcag_pass", "type": "boolean", "description": "Whether all color combinations pass WCAG AA", "required": true}
],
"expected_row_count": "5",
"sort_order": "section order",
"deduplication_key": "section"
}| Quality Metric | Minimum Acceptable | Good | Excellent |
|---|---|---|---|
| Color palette completeness | Primary + secondary defined | 5 colors with HEX values | Full palette with HEX, RGB, CMYK + accessibility verified |
| Typography specification | Font names chosen | Fonts + size scale documented | Full type scale + weights + line heights + fallbacks |
| Logo requirements | Logo type decided | Variations + formats listed | Full spec with clear space, min size, usage rules |
| Imagery direction | General mood described | Mood board with 5+ images | 10-15 image mood board + specific do/don't guidelines |
| Brief usability | Notes for self-reference | Organized enough for freelancer | Agency-ready RFP with all specs, mood board, and checklist |
If below minimum: Complete the specific step worksheet before proceeding. A brief with vague color descriptions or missing font specifications will produce inconsistent results regardless of who executes it.
| Error | Likely Cause | Recovery Action |
|---|---|---|
| Color palette feels generic or similar to competitor | Started with common industry colors without differentiation | Return to Step 2, choose a non-obvious color family. Use competitor audit to identify avoided colors |
| Fonts look too similar (weak hierarchy) | Selected two fonts from same classification | Replace one font with different classification: pair serif heading + sans body, or vice versa |
| WCAG contrast check fails for primary color | Primary color too light or too saturated | Darken the color for text use; keep bright version for backgrounds/accents only |
| Mood board images feel scattered/incoherent | Mixed too many visual directions | Remove bottom 5 images, identify the dominant thread, add 3-5 more in that direction only |
| Logo brief too vague for designer | Missing variation specs or format requirements | Complete Step 4 checklist in full — designers need explicit deliverable lists |
| Budget misaligned with expectations | Scope exceeds budget tier | Either reduce scope (fewer deliverables) or increase budget. DIY path cannot produce agency-quality results |
| Component | DIY ($0-500) | Freelancer ($500-5K) | Agency ($5K-50K+) |
|---|---|---|---|
| Color palette | $0 (Coolors) | Included | Included |
| Typography | $0 (Google Fonts) | Included | $0-500 (custom licensing) |
| Logo design | $0-200 (Canva/Fiverr) | $500-3,000 | $3,000-15,000 |
| Brand guidelines doc | $0 (self-made) | $200-1,000 | $2,000-10,000 |
| Templates (social, deck) | $0-50 (Canva templates) | $300-1,000 | $2,000-8,000 |
| Mood board | $0 (Canva/Pinterest) | Included | Included |
| Total | $0-250 | $1,000-5,000 | $7,000-33,000 |
Selecting brand colors because the founder "likes blue" without considering color psychology, competitor differentiation, or accessibility. Result: a palette that blends into the competitive landscape and fails contrast requirements. [src3]
Start from brand personality attributes, map to color psychology, check against competitor palettes for differentiation, then verify every text-on-background combination against WCAG AA standards before finalizing.
Mixing multiple typefaces for variety leads to visual inconsistency, slower page loads, and guidelines that are impossible to follow. Each new font adds 50-150KB of web weight and another variable for designers to misapply. [src4]
Select one heading font and one body font. Use weight and size variation within those two families to create hierarchy. This produces cleaner results and is dramatically easier to maintain.
Raster-only logos pixelate when scaled up for print, banners, or presentations. Many founders receive only JPG/PNG files that are unusable at larger sizes. [src5]
SVG and EPS are non-negotiable. Every designer or design tool can produce them. Raster PNG files are generated FROM vectors, not the other way around.
Hiring a designer or opening Canva without a structured brief produces endless revision cycles. Without defined brand attributes, color direction, and logo specs, the designer is guessing. [src8]
Even a 2-hour brief dramatically reduces revision cycles. Designers who receive a structured brief with mood board typically deliver acceptable first drafts far more often than those working from a vague conversation.
Use this recipe when a brand needs to go from zero (or scattered) visual assets to a structured, production-ready visual identity. The output is a complete brief that can be self-executed (DIY), handed to a freelancer, or used as an agency RFP. Requires brand positioning/strategy as input — do not start visual identity work before the brand's audience, values, and personality are defined.