Introduction
Brand image is the holistic impression users form the instant they encounter you. For startups, consistency matters far more than polish — users won't abandon you because your logo isn't "premium enough," but they will lose trust if your website and product use completely different color systems.
This guide provides a complete framework from visual identity to tone of voice to emotional connection.
Part 1: Visual Identity System
Logo Principles
- Minimal: One mark + one logotype, recognizable at 16×16 pixels
- Scalable: Horizontal and vertical variants for different contexts
- Monochrome-ready: Must work in pure black and white for dark backgrounds and watermarks
Color Rules
No more than 5 brand colors, allocated by strict proportion:
| Tier | Role | Proportion |
|---|---|---|
| Primary | Extracted from logo, used for the most important visual elements | 60% |
| Secondary | Background blocks, cards, supporting information | 25% |
| Accent | CTA buttons, key metrics, links | ≤ 10% |
| Neutral | Text, borders, dividers | 5% |
BDL Palette Reference: Ink #1A1F36 (primary) → Sand #E8E3D8 (secondary) → Cinnabar #C8553D (accent).
Typography Rules
Maximum 3 fonts with clear division of labor:
- Heading font: Serif recommended (authority, quality)
- Body font: Sans-serif recommended (long-form reading comfort)
- Special-purpose font: Mono for data, code, labels (technical/lab aesthetic)
Image Style
- Photography: Documentary style — workspaces, user interviews, office scenes; avoid over-editing
- Illustration: Minimal line art + selective fill + brand-color backgrounds; maintain stylistic consistency
- Charts: Use brand-color schemes, avoid default blue/orange/red
Part 2: Tone of Voice
Four-Quadrant Positioning
Place your brand voice on a professional—approachable, serious—playful grid. Determine your language style coordinates.
For BDL: Professional 80% + Approachable 20% — predominantly research-report rigor, with conversational touches in CTAs and tool introductions.
Deliverable
Produce a Brand Language Guide covering at minimum:
- Brand keywords (3–5 adjectives)
- Good vs. bad phrasing examples
- Forbidden vocabulary list (overly marketing-heavy terms)
- Bilingual glossary (consistent style across languages)
Part 3: Emotional Connection
Brand image extends beyond visuals and language — real emotional connection forms when users feel "understood."
Building Pathways
- User Stories: Replace product feature descriptions with real user narratives
- Community Spaces: WeChat groups, Notion shared spaces, Slack — meet users where they are
- Brand Rituals: Fixed weekly newsletter, monthly whitepaper releases, annual summit
Case Reference
A B2B SaaS brand published a weekly "Customer Field Notes" long-form series. In 6 months:
- Organic traffic up 340%
- Brand search volume up 520%
- Customer NPS improved from 22 to 58
Key detail: Each article narrated by the user, edited by professionals — ensuring authenticity, not PR polish.
Part 4: Implementation Checklist
Brand image is baseline-first, then iterate:
- ☐ Define brand keywords (3–5 adjectives)
- ☐ Create brand guide (logo usage, color, typography, voice)
- ☐ Audit all external touchpoints (website, social media, product UI, email signatures)
- ☐ Establish one persistent content channel (blog / newsletter — pick at least one)
- ☐ Quarterly brand guide update + touchpoint audit
BDL offers brand image diagnosis services, including 360° touchpoint audits and brand guide production.