SkillBrand

Brand Guidelines

Anthropic45.5k

Apply brand colors, typography, and visual identity to artifacts. Includes color palettes, font pairings, and consistent styling for presentations, docs, and interfaces.

How to install

npx skills add github.com/anthropics/skills/tree/main/skills/brand-guidelines --skill brand-guidelines

Installs to .cursor/skills/

Manual install
  1. Copy SKILL.md below
  2. .cursor/skills/brand-guidelines/SKILL.md
Cursor docs

SKILL.md

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

# Brand Styling

## Overview

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

**Keywords**: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, 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)

## 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

### Color Application
- Uses RGB color values for precise brand matching
- Maintains color fidelity across different systems

Skills, agents & workflow notes

Weekly SKILL.md-style workflows, Cursor and Claude Code tips, and AI interface craft on Substack - no spam, unsubscribe anytime.

Subscribe on Substack