Branding · phase
Phase 4: Visual Identity
Define visual identity — colors, typography, logo usage, and imagery style.
/branding-visual <brand-name>Purpose
The Visual Identity phase creates the visual system that expresses the brand — logo usage rules, color palette, typography, and imagery style.
Usage
Example:
/branding-visual acmePrerequisites
Requires .singularskills/branding/<brand>/02-strategy.md and 03-verbal.md from the Strategy and Verbal phases. Use --skip-checks to bypass.
What It Does
- Reviews existing brand assets in
.singularskills/branding/<brand>/assets/(if provided) - Defines logo usage rules (minimum size, clear space, variations, prohibited uses)
- Specifies color palette with hex/RGB values and accessibility contrast ratios
- Establishes typography system (typefaces, weights, type scale)
- Defines imagery and photography style guidelines
- Writes the visual identity to
.singularskills/branding/<brand>/04-visual.md
Brand Assets
Users should place their assets in the repository:
.singularskills/branding/<brand>/assets/
├── logo/ ← Logo variants (primary, icon, monochrome)
├── fonts/ ← Font files or references
└── imagery/ ← Sample imagery, patterns, iconsOutput
Creates .singularskills/branding/<brand>/04-visual.md containing:
- Logo usage rules and variations
- Color palette with specifications
- Typography system and type scale
- Imagery style guidelines
Next Phase
NextGuidelines
After Visual, proceed to Guidelines to compile the complete brand manual.