Playbook

Brand Guidelines Skill

Apply official brand colors and typography to artifacts and UI — palette, Poppins/Lora font system, and on-brand styling for decks and documents.

Brand Guidelines Skill

Applies an official brand identity — colors and typography — to any artifact that benefits from a consistent look and feel: presentations, documents, and UI. Use it whenever brand colors, visual formatting, or company design standards apply.

When to use

  • Producing or post-processing decks, documents, or other artifacts that should match brand standards.
  • Applying a defined color palette and font system consistently across outputs.

Installation

  1. Copy this skill to ~/.claude/skills/brand-guidelines/, or commit it to the repo's .claude/skills/.
  2. Restart Claude Code.
  3. Ask for an artifact "on brand" — the palette and typography apply automatically.

SKILL.md content

---
name: brand-guidelines
description: Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.
---

# Anthropic Brand Styling

## Overview

To access Anthropic's official brand identity and style resources, use this skill.

**Keywords**: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design

## Brand Guidelines

### Colors

**Main Colors:**

- Dark: `#141413` - Primary text and dark backgrounds
- Light: `#faf9f5` - Light backgrounds and text on dark
- Mid Gray: `#b0aea5` - Secondary elements
- Light Gray: `#e8e6dc` - Subtle backgrounds

**Accent Colors:**

- Orange: `#d97757` - Primary accent
- Blue: `#6a9bcc` - Secondary accent
- Green: `#788c5d` - Tertiary accent

### Typography

- **Headings**: Poppins (with Arial fallback)
- **Body Text**: Lora (with Georgia fallback)
- **Note**: Fonts should be pre-installed in your environment for best results

## Features

### Smart Font Application

- Applies Poppins font to headings (24pt and larger)
- Applies Lora font to body text
- Automatically falls back to Arial/Georgia if custom fonts unavailable
- Preserves readability across all systems

### Text Styling

- Headings (24pt+): Poppins font
- Body text: Lora font
- Smart color selection based on background
- Preserves text hierarchy and formatting

### Shape and Accent Colors

- Non-text shapes use accent colors
- Cycles through orange, blue, and green accents
- Maintains visual interest while staying on-brand

## Technical Details

### Font Management

- Uses system-installed Poppins and Lora fonts when available
- Provides automatic fallback to Arial (headings) and Georgia (body)
- No font installation required - works with existing system fonts
- For best results, pre-install Poppins and Lora fonts in your environment

### Color Application

- Uses RGB color values for precise brand matching
- Applied via python-pptx's RGBColor class
- Maintains color fidelity across different systems

Note

This skill ships Anthropic's brand palette and fonts as the example. For Evoke-branded output, swap the color values and font choices for your own brand tokens (keep them aligned with the react-branding-standards template) before rolling it out org-wide.

Related assets

Command Palette

Search for a command to run...