/canva-brand-kit

name: canva-brand-kit
description: |
  Manage and apply brand kits in Canva. Use this skill when user wants to work with
  brand colors, fonts, logos, or maintain brand consistency across designs. Helps
  define brand guidelines and ensures designs follow brand standards.
  Requires Canva Pro/Enterprise for full brand kit features.
allowed-tools:
  - Bash
  - Read
  - Write
  - Glob
  - AskUserQuestion

Canva Brand Kit Skill

> **QUICK REFERENCE** > - **Scripts location**: `scripts/` (NOT `skills/canva-brand-kit/scripts/` - those don't exist) > - **Brand voice files**: `references/brand-voice/`, `samples/brand-kits/` > - **API client**: `scripts/canva_client.py` (import: `from canva_client import get_client`) > - **Sample script**: `scripts/samples/sample_canva_operations.py` > > **WARNING**: Commands below referencing `skills/canva-brand-kit/scripts/*.py` are WRONG paths. > Write custom Python using `canva_client.py`. See `scripts/samples/sample_canva_operations.py`.

Manage brand identity elements and ensure brand consistency across Canva designs.

Scope of This Skill

**This skill handles:**

• Define brand colors
• Set brand fonts
• Manage brand logos
• Apply brand kit to designs
• Check brand compliance
• Create brand guidelines documentation

**NOT handled by this skill:**

• Editing specific designs → Use `canva-image-editor`
• General content creation → Use `canva-content-generator`
• Exporting designs → Use `canva-export`

**Note:** Full Brand Kit features require Canva Pro or Enterprise.

Brand Kit Components

Colors

{
  "primary": "#2E86AB",
  "secondary": "#F4D35E",
  "accent": "#EE6352",
  "neutral": {
    "dark": "#1A1A1A",
    "light": "#F5F5F5",
    "white": "#FFFFFF"
  },
  "text": {
    "primary": "#1A1A1A",
    "secondary": "#666666"
  }
}

Fonts

{
  "heading": {
    "family": "Montserrat",
    "weights": ["Bold", "SemiBold"]
  },
  "body": {
    "family": "Open Sans",
    "weights": ["Regular", "Medium"]
  },
  "accent": {
    "family": "Playfair Display",
    "weights": ["Italic"]
  }
}

Logos

- Primary logo (full color)
- Secondary logo (monochrome)
- Icon/favicon
- Logo variations (horizontal, vertical, stacked)

3-Mode Workflow

MODE 1: PLAN

1. **Assess Current Brand Kit**

   # Check existing brand kit
   python skills/canva-brand-kit/scripts/get_brand_kit.py

   # Analyze brand usage across designs
   python skills/canva-brand-kit/scripts/analyze_brand_usage.py

2. **Document Brand Changes**

   ## Brand Kit Update Plan

   ### Current Brand Kit
   - Colors: 3 defined (#xxx, #yyy, #zzz)
   - Fonts: 2 (Roboto, Open Sans)
   - Logos: 1 (primary only)

   ### Proposed Changes
   1. ADD color: Accent color #EE6352
   2. UPDATE font: Replace Roboto with Montserrat
   3. ADD logo: Monochrome version

   ### Affected Designs
   - 15 designs use current brand kit
   - Changes may affect visual consistency

MODE 2: CLARIFY

Brand-specific questions:

1. **Color Changes**

• "New accent color #EE6352. Should I show a preview?"
• "Replace existing color or add as new?"

2. **Font Changes**

• "Switch from Roboto to Montserrat for headings?"
• "Keep existing body font or change too?"

3. **Logo Updates**

• "Add new logo variant or replace existing?"
• "Which designs should use new logo?"

4. **Consistency**

• "Apply changes to existing designs or new only?"
• "Create before/after comparison?"

MODE 3: IMPLEMENT

# Update brand colors
python skills/canva-brand-kit/scripts/update_colors.py \
  --primary "#2E86AB" \
  --secondary "#F4D35E" \
  --accent "#EE6352"

# Update brand fonts
python skills/canva-brand-kit/scripts/update_fonts.py \
  --heading "Montserrat" \
  --body "Open Sans"

# Upload brand logo
python skills/canva-brand-kit/scripts/upload_logo.py \
  --file "input/logos/primary-logo.png" \
  --type "primary"

# Apply brand kit to design
python skills/canva-brand-kit/scripts/apply_brand.py \
  --design "DESIGN_ID" \
  --elements "colors,fonts"

Available Scripts

Brand Kit Management

• `get_brand_kit.py` - Get current brand kit
• `update_colors.py` - Update brand colors
• `update_fonts.py` - Update brand fonts
• `upload_logo.py` - Upload brand logo
• `export_brand_kit.py` - Export brand kit as JSON

Brand Application

• `apply_brand.py` - Apply brand to design
• `batch_apply_brand.py` - Apply to multiple designs
• `check_brand_compliance.py` - Verify brand consistency

Analysis

• `analyze_brand_usage.py` - See brand usage across designs
• `find_off_brand.py` - Find designs not using brand kit
• `generate_brand_report.py` - Create brand usage report

Local Brand Definition

Define your brand in `samples/brand-kits/`:

samples/brand-kits/
├── brand-config.json       # Main brand configuration
├── colors.json             # Detailed color palette
├── typography.json         # Font specifications
├── logos/                  # Logo files
│   ├── primary.png
│   ├── secondary.png
│   ├── icon.png
│   └── variations/
├── guidelines.md           # Brand guidelines document
└── examples/               # Example brand applications
    ├── correct/
    └── incorrect/

brand-config.json

{
  "brand_name": "Your Brand",
  "tagline": "Your Tagline Here",
  "colors": {
    "primary": "#2E86AB",
    "secondary": "#F4D35E",
    "accent": "#EE6352",
    "background": "#FFFFFF",
    "text_primary": "#1A1A1A",
    "text_secondary": "#666666"
  },
  "fonts": {
    "heading": {
      "family": "Montserrat",
      "size_h1": 48,
      "size_h2": 36,
      "size_h3": 24,
      "weight": "Bold"
    },
    "body": {
      "family": "Open Sans",
      "size": 16,
      "line_height": 1.5,
      "weight": "Regular"
    }
  },
  "logos": {
    "primary": "logos/primary.png",
    "secondary": "logos/secondary.png",
    "icon": "logos/icon.png"
  },
  "spacing": {
    "minimum_logo_clearance": "20px",
    "section_padding"