Skip to content
SoftwareFolder’s Brand Direction & Resource:
Table of Contents
Visual Branding Handbook 1-2
The “Visual Branding Handbook” aimed at helping creators and small teams build a consistent, professional visual brand system, from strategy and story through to logos, color, and typography. Our handbook positions itself as a practical, designer-style guide for maintaining a cohesive brand identity across all visual communications—web, print, and digital touchpoints.
How the handbook is meant to be used
We frame the handbook as three digestible formats for the reader: a guide, a reference, and a source of inspiration for building “professional and robust branding systems.” The handbook stresses that a strong brand depends on discipline and collective commitment, and that everyone who touches the brand—designers, marketers, team members—is responsible for upholding these standards.
Part One: Brand foundation
The first part focuses on brand strategy and purpose before any visuals are designed.
- It introduces the idea that a brand story (origin, mission, milestones, purpose, unique perspective) is the foundation for all visual decisions, from color psychology to type hierarchy.
- It then moves into brand values, asking the reader to identify 3–5 core values and translate each into a visual expression (for example, “Creativity” becomes dynamic elements and unexpected color combinations, “Reliability” becomes structured grids and predictable systems)
- The brand personality section encourages defining the brand “as if it were a person,” along axes like Professional–Approachable, Bold–Subtle, Playful–Serious, Traditional–Contemporary, Energetic–Calm, which then guide tone and visual style.
Visual identity system overview
The handbook outlines what it considers the five core components of a visual identity system.
- Graphic elements (supporting design system)
- Logo and wordmark (primary symbol of recognition)
- Color palette (emotional and psychological communication)
- Typography (the brand’s “voice made visible”)
- Imagery and photography (consistent visual language, continued in Section 2
It also defines a set of core design principles—consistency, clarity, accessibility, scalability, and flexibility—as criteria for evaluating brand visuals across channels and sizes.
Logo structure and usage
A substantial portion of the page reads like a logo specification manual.
- It describes what to document for the primary logo: grid construction, clear space (often 15–20% of logo height), minimum and maximum sizes, and technical specs.
- It lists common logo variations: full horizontal lockup, stacked version, mark-only, reversed/inverted, monochrome, and grayscale.
- It provides “do and don’t” usage rules: maintain clear space, use approved colors, don’t distort or recolor, don’t add effects, don’t skew or rotate, and don’t use outdated versions.
File formats and production details
The handbook explains which file formats to use in different contexts and why
- SVG for web and digital (scalable, small file size)
- PNG for web when transparency is needed
- EPS for print and large-format vector work
- PDF for documentation and sharing
- JPG as a legacy or compressed option, but generally discouraged in favor of PNG
This section nudges creators to think like production designers, not just “upload whatever file is handy.”
Color palette strategy and standards
The color sections show how to define and operationalize a brand palette rather than just “pick a few nice colors.
- The primary color palette includes precise HEX, RGB, CMYK, and Pantone values, plus notes on psychology (for example, a deep blue associated with trust and stability) and recommended usage proportions (e.g., 60% of a layout).
- Secondary colors are framed as tools for energy, calls-to-action, and balance—again with suggested proportions (like 30% and 10%) to keep designs coherent.
- An extended palette covers neutrals, status colors (success, error, warning, information), and accessibility-friendly alternatives, especially for color-blind users.
The page also differentiates between digital and print color use, including WCAG contrast requirements, color-blind testing, and considerations for coated/uncoated stock and different print methods.
Typography choices, hierarchy, and rules
The typography section treats type as a core expression of brand personality and usability.
- It suggests defining a primary font family (for headlines and core text) and a secondary one (for body copy), each with clear notes on character, weights, and file formats.
- A table lays out a type scale and hierarchy—H1, H2, H3, body, small, micro—with specific sizes, weights, and line heights, and examples of where each level is used.
- The rules emphasize legibility: generous line-height (around 1.5 for body text), controlled letter-spacing, sane line length, a limit of two font families per design, conservative use of weights, and a minimum text size for readability.
