home / skills / eyadsibai / ltk / branding

branding skill

safe

This skill helps you define and maintain a cohesive brand identity, including logo, color palette, typography, and brand voice.

npx playbooks add skill eyadsibai/ltk --skill branding

Review the files below or copy the command above to add this skill to your agents.

Files (1)

SKILL.md

4.2 KB

---
name: Branding
description: This skill should be used when the user asks about "branding", "brand identity", "logo design", "color palette", "brand guidelines", "visual identity", "brand voice", "style guide", or mentions brand-related decisions.
version: 1.0.0
---

# Branding

Guidance for creating and maintaining consistent brand identity.

## Brand Identity Components

### Visual Elements

1. **Logo**: Primary mark, variations, clear space
2. **Color Palette**: Primary, secondary, accent colors
3. **Typography**: Heading and body fonts
4. **Imagery Style**: Photo style, illustrations, icons
5. **Patterns/Textures**: Supporting visual elements

### Brand Voice

1. **Tone**: Formal/casual, serious/playful
2. **Personality**: How the brand "speaks"
3. **Values**: What the brand stands for
4. **Messaging**: Key phrases and taglines

## Color Palette Structure

### Primary Colors

Main brand colors (1-2):

```
Primary:     #2563EB (Blue)
Primary Dark: #1D4ED8
Primary Light: #3B82F6
```

### Secondary Colors

Supporting colors (2-3):

```
Secondary:   #10B981 (Green)
Accent:      #F59E0B (Amber)
```

### Neutral Colors

For text, backgrounds, borders:

```
Gray 900: #111827 (Text)
Gray 600: #4B5563 (Secondary text)
Gray 400: #9CA3AF (Placeholder)
Gray 200: #E5E7EB (Borders)
Gray 100: #F3F4F6 (Backgrounds)
Gray 50:  #F9FAFB (Light backgrounds)
```

### Semantic Colors

For feedback states:

```
Success: #10B981
Warning: #F59E0B
Error:   #EF4444
Info:    #3B82F6
```

## Typography System

### Font Selection

**Heading Font**: Display/impact

- Sans-serif: Inter, Poppins, Montserrat
- Serif: Playfair Display, Merriweather

**Body Font**: Readability

- Sans-serif: Inter, Open Sans, Roboto
- Serif: Georgia, Source Serif Pro

### Font Pairing Examples

```
Modern Tech:     Inter (headings + body)
Professional:    Montserrat + Open Sans
Editorial:       Playfair Display + Source Sans Pro
Friendly:        Poppins + Nunito
```

## Logo Guidelines

### Logo Versions

1. **Primary**: Full logo with wordmark
2. **Compact**: Logo mark only
3. **Horizontal**: Wide layout
4. **Vertical**: Stacked layout

### Clear Space

Minimum padding around logo:

```
┌─────────────────────┐
│         X           │
│    ┌─────────┐      │
│  X │  LOGO   │ X    │
│    └─────────┘      │
│         X           │
└─────────────────────┘
X = height of logo mark
```

### Logo Don'ts

- Don't stretch or distort
- Don't change colors arbitrarily
- Don't add effects (shadows, gradients)
- Don't place on busy backgrounds
- Don't rotate or flip

## Brand Voice Guidelines

### Tone Spectrum

```
Formal ←————————————→ Casual
Serious ←———————————→ Playful
Technical ←—————————→ Simple
Reserved ←——————————→ Enthusiastic
```

### Writing Style

**Do:**

- Use active voice
- Be concise
- Address user directly ("you")
- Use contractions for casual tone

**Don't:**

- Use jargon unnecessarily
- Be condescending
- Use passive voice
- Over-promise

### Example Messages

| Context | Too Formal | On Brand | Too Casual |
|---------|------------|----------|------------|
| Success | "Operation completed successfully" | "Done! Your changes are saved" | "Yay! Nailed it!" |
| Error | "An error has occurred" | "Something went wrong. Try again?" | "Oops! That broke" |

## Brand Guidelines Document

### Structure

```markdown
# Brand Guidelines

## Brand Story
- Mission
- Vision
- Values

## Logo
- Primary logo
- Variations
- Clear space
- Incorrect usage

## Color
- Primary palette
- Secondary palette
- Usage examples

## Typography
- Font families
- Type scale
- Usage guidelines

## Imagery
- Photography style
- Illustration style
- Icon style

## Voice & Tone
- Brand personality
- Writing guidelines
- Example copy

## Applications
- Business cards
- Social media
- Website
- Email templates
```

## Implementation Checklist

- [ ] Logo files in all formats (SVG, PNG, various sizes)
- [ ] Color palette documented with hex/RGB values
- [ ] Typography defined with web fonts
- [ ] Brand guidelines document created
- [ ] Templates for common uses
- [ ] Asset library organized

Overview

This skill helps you define, audit, and maintain a consistent brand identity across products and communications. It covers visual elements, voice, typography, color systems, logo usage, and a practical implementation checklist to turn guidelines into working assets.

How this skill works

The skill inspects brand elements and recommends concrete rules: logo variants and clear space, a color palette with semantic colors, typography pairings and scale, imagery style, and voice/tone guidance. It produces actionable outputs like a brand guidelines structure, asset checklist, and usage rules to ensure consistent application across channels.

When to use it

Starting a new brand and defining core visual identity
Refreshing or auditing an existing brand for consistency
Designing logos, color palettes, or typography systems
Creating or updating brand guidelines and asset libraries
Preparing brand assets for web, print, or social media

Best practices

Define primary and secondary colors with hex values and semantic roles (success, error, info)
Provide multiple logo versions (primary, compact, horizontal, vertical) and specify clear space
Pair a distinct heading font with a readable body font and document type scale
Write concise voice-and-tone rules with examples for common messages
Keep an asset library with SVG/PNG logos, web font links, and template files

Example use cases

Create a complete brand guidelines document for a startup launch
Audit a product suite to align UI colors, typography, and iconography
Design accessible color palettes with semantic feedback colors
Produce logo files and a usage section showing correct and incorrect examples
Write on-brand microcopy templates for success, error, and onboarding messages

FAQ

How many colors should a brand palette include?

Aim for 1–2 primary colors, 2–3 secondary/accent colors, and a set of neutral grays for text and backgrounds.

What logo versions are essential?

Provide a primary full logo, a compact mark-only version, and horizontal and vertical layouts for flexible placement.