Brand Strategy Template
Provides a fill-in-the-blank structure for documenting brand identity, visual guidelines, and implementation steps.
What this file does
Provides a fill-in-the-blank structure for documenting brand identity, visual guidelines, and implementation steps.
When to use it
- Starting a new brand identity project
- Standardizing visual and tone guidelines across a team
- Onboarding a designer or agency to your brand system
- Auditing existing brand assets for consistency
Brand Strategy Template
Brand Overview
Company: [Your Company Name]
Industry: [Your Industry]
Brand Promise: [Your unique value proposition]
Core Brand Attributes
- [Attribute 1]: [Description of how this applies to your brand]
- [Attribute 2]: [Description of how this applies to your brand]
- [Attribute 3]: [Description of how this applies to your brand]
- [Attribute 4]: [Description of how this applies to your brand]
- [Attribute 5]: [Description of how this applies to your brand]
Visual Identity Foundation
Logo Usage Guidelines
Logo Variations Available:
- Primary Logo: [Description] (for light backgrounds)
- Reversed Logo: [Description] (for dark backgrounds)
- Alternative Logo: [Description] (for specific contexts)
- Icon Only: [Description] for small applications and social media
Logo Specifications:
- Minimum Size: Never smaller than [X] inches wide in print, [X]px wide digital
- Clear Space: Maintain space equal to [measurement] on all sides
- Backgrounds: Test readability - ensure proper contrast
- Don't: Stretch, rotate, change colors, or modify proportions
Color Strategy
Primary Brand Colors
- Primary:
#[hex]- [Usage description] - Secondary:
#[hex]- [Usage description] - Accent:
#[hex]- [Usage description]
Supporting Colors
- Success:
#[hex]- Positive actions, confirmations - Warning:
#[hex]- Cautionary messages - Error:
#[hex]- Error states, critical alerts - Info:
#[hex]- Informational content
Typography Strategy
Primary Fonts
- Headings: [Font Family] - Bold, attention-grabbing
- Body Text: [Font Family] - Readable, accessible
- Accent: [Font Family] - Special emphasis (optional)
Font Hierarchy
- H1: [Size/Weight] - Page titles, hero headings
- H2: [Size/Weight] - Section headings
- H3: [Size/Weight] - Subsection headings
- Body: [Size/Weight] - Primary reading text
- Caption: [Size/Weight] - Supporting text, labels
Voice & Tone Guidelines
Brand Voice
[Describe your brand's consistent personality - professional, friendly, authoritative, etc.]
Tone Variations
- Website: [How tone adapts for web content]
- Support: [How tone adapts for customer support]
- Documentation: [How tone adapts for technical content]
Application Guidelines
Digital Applications
- Website: [Specific guidelines for web presence]
- Social Media: [Guidelines for social platforms]
- Email: [Guidelines for email communications]
Print Applications
- Business Cards: [Specifications and guidelines]
- Letterhead: [Specifications and guidelines]
- Marketing Materials: [Specifications and guidelines]
Implementation Checklist
Setting Up Your Brand Colors
- Replace color values in
src/app/globals.css - Update color names in Tailwind configuration if needed
- Test contrast ratios for accessibility
- Verify colors work in both light and dark modes
Customizing Typography
- Update font imports in
src/app/layout.tsx - Modify font family variables in CSS
- Adjust heading hierarchy as needed
- Test readability across devices
Component Customization
- Update button variants to match brand colors
- Customize component spacing and borders
- Ensure consistent interaction states
- Test accessibility requirements
This brand strategy should be treated as a living document, updated as your brand grows and evolves. Consistency in application will strengthen brand recognition and customer trust over time.
What's inside
10 sections with placeholder fields for brand attributes, colors, typography, voice, and a checklist.
Change this for your project
- Replace
[Your Company Name]with your actual company name - Replace
[Your Industry]with your industry - Replace
src/app/globals.csswith your actual CSS file path - Replace
src/app/layout.tsxwith your actual layout file path
Where it goes
Keep it in your repository where the agent or team that needs it will read it.
Worth borrowing
- Separates brand attributes from visual identity, making each reusable
- Includes an implementation checklist that ties guidelines to concrete code files
- Treats the document as a living document with a note to update over time
Related Documents
Video/Content Producer
Defines a video/content producer role with script structures, hook formulas, storyboard templates, and platform-specific formats for short-form and long-form video production.
Media Handling Playbook - Zyeuté v3
Documents upload, storage, optimization, delivery, and edge-case handling for images, videos, and audio in a social app.
Visual Truth Engine: Product-Market Fit & Go-to-Market Strategy
Outlines a product-market fit strategy and go-to-market plan for a B2B SaaS tool that automates proof asset creation for video creators.
Devin Triage Playbook
Defines a 7-phase automated triage playbook for Devin to analyze alerts, find root causes, implement fixes, and notify teams.