# Brand Visual Generator

When the user wants to define, audit, or apply visual identity (typography, colors...

- Repository: https://github.com/kostja94/marketing-skills (1071 stars)
- Category: Design
- License: MIT
- Last updated: 2026-10-26
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add kostja94/marketing-skills --skill brand-visual-generator -g -a claude-code -y`
Codex: `npx skills add kostja94/marketing-skills --skill brand-visual-generator -g -a codex -y`
Cursor: `npx skills add kostja94/marketing-skills --skill brand-visual-generator -g -a cursor -y`
Gemini CLI: `npx skills add kostja94/marketing-skills --skill brand-visual-generator -g -a gemini-cli -y`

## Description

When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). Also use when the user mentions "brand style guide," "visual identity," "design system," "typography," "color palette," "brand guidelines," "AI brand aesthetics," "brand colors," "font choices," "spacing system," "design tokens," "motion," "distinctive design," "frontend aesthetics," "PowerPoint theme," "Google Slides brand," or "slide master colors." For brand story, positioning, and voice, use branding.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Components: Brand Visual Identity

Guides visual identity for consistent brand presentation. Companies with consistent branding see up to 23-33% revenue lift; 94% of consumers say consistency influences buying decisions.

**Keywords**: visual identity, design tokens, color palette, typography, CSS variables, slide deck, brand guidelines, frontend aesthetics, accessibility

**When invoking**: On **first use**, if helpful, open with 1-2 sentences on what this skill covers and why it matters, then provide the main output. On **subsequent use** or when the user asks to skip, go directly to the main output.

## Initial Assessment

**Project context:** Read root `contextus.md` when present and load only the modules relevant to this task. Without Contextus, use available project material or user-provided facts and ask for missing information; do not create a parallel context system.

Identify:
1. **Scope**: New brand, audit, or component design
2. **Touchpoints**: Web, print, social, product UI, **slides** (PowerPoint, Google Slides, Keynote), **documents** (Word, Google Docs, PDF reports)
3. **Existing assets**: Logo, style guide, design files

## Best Practices

### Typography

The rest: https://github.com/kostja94/marketing-skills/blob/HEAD/skills/components/branding/brand-visual/SKILL.md