Brand
Share

Brand Guidelines

ByAnthropic·45.5k

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

View on GitHub

How to Install

Using npx (recommended):

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

This will automatically download and install the skill in your .cursor/skills/ directory.

Or install manually:

  1. Copy the skill content below
  2. Create folder: .cursor/skills/brand-guidelines/ in your project
  3. Save as SKILL.md
  4. Cursor auto-discovers skills when you start a chat

Or install globally to ~/.cursor/skills/brand-guidelines/SKILL.md

Official Cursor Skills 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

Best For

brand designersvisual designersmarketing designers

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