Back to UI/UX Design

Anthropic Brand Guidelines

brandingtypographydesign-automationvisual-identitystyling
4.4 (184)151.4k🕒 2026-06-09✓ OfficialSource ↗

Install this skill

npx skills add anthropics/skills

Works across Claude Code, Cursor, Codex, Copilot & Antigravity

What this skill does

  • Applies Poppins typeface for headings 24pt and larger
  • Uses Lora typeface for standard body text content
  • Implements predefined Anthropic dark, light, and neutral gray color palette
  • Automatically rotates through orange, blue, and green brand accent colors for non-text shapes
  • Provides reliable fallback logic for system-agnostic font rendering

When to use it

  • Generating slide decks or reports that require official Anthropic corporate branding
  • Standardizing the appearance of visual artifacts produced by an agent
  • Ensuring consistent color usage across technical documentation or design mockups
  • Applying high-fidelity design standards to automated document generation workflows

When not to use it

  • When you need to adhere to a different corporate identity or custom client style guide
  • For projects where you require highly complex, custom CSS or non-standard typography layouts

How to invoke it

Example prompts that trigger this skill:

  • Apply Anthropic brand colors and fonts to this presentation slide.
  • Format this document using official Anthropic typography guidelines.
  • Style the chart elements using the Anthropic accent color palette.
  • Ensure this report follows the Anthropic visual identity standards.
  • Update the headings to use Poppins and body text to use Lora as per brand guidelines.

Example workflow

  1. Initialize an empty presentation document in your workspace.
  2. Prompt the agent to draft the slide content based on your technical notes.
  3. Invoke the brand-guidelines skill to apply visual formatting.
  4. Review the generated text to confirm correct font assignment.
  5. Verify that shapes and accents utilize the approved Anthropic color set.

Prerequisites

  • Python environment with python-pptx
  • Poppins and Lora fonts installed locally for best results

Pitfalls & limitations

  • !Requires system-level font installation to achieve the exact Poppins/Lora look.
  • !Relies on standard fallback fonts if the target design environment lacks custom typefaces.
  • !Limited specifically to the provided Anthropic color palette and typographic choices.

FAQ

Do I need to install custom fonts?
While the skill falls back to system fonts like Arial and Georgia, pre-installing Poppins and Lora provides the most accurate visual fidelity.
Can I use this for non-Anthropic projects?
Yes, though the output will carry the specific Anthropic aesthetic, which may not be appropriate for other brands.
What happens if a font is missing?
The skill includes logic to automatically revert to standard system alternatives to maintain document readability.

How it compares

Unlike manual styling or generic prompts, this skill enforces a predefined design system, eliminating the inconsistency and trial-and-error of 'look-and-feel' prompting.

Source & trust

151k stars🕒 Updated 2026-06-09🛡 no risky patterns found✓ Official source

From the source: “# 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 Guideli…”

View the full SKILL.md source
# 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

Quoted from anthropics/skills for reference — see the original for the authoritative, latest version.

📄 Full skill instructions — original source: anthropics/skills
The Anthropic Brand Guidelines skill is a specialized agent tool designed to ensure that documents, presentations, and digital artifacts adhere to official Anthropic visual identity standards. It automates the application of specific color palettes, typography, and design elements to maintain corporate consistency. Developers, designers, and communications professionals use this skill to programmatically enforce visual standards across generated content. By handling the complexities of font mapping and color reproduction—including primary brand shades and designated accent colors—the tool removes the manual burden of styling from the user. It integrates directly into workflows, allowing agents to produce professional, on-brand assets without constant human intervention. Whether generating reports or slide decks, this skill ensures the output reflects the professional aesthetic expected of Anthropic-aligned projects.

How to Use This Skill Unit

Option A: Project-Specific (Recommended)

  1. Click "Download" above
  2. In your project, create the directory: .agent/skills/brand-guidelines-anthropics/
  3. Save the file as SKILL.md
  4. The agent will automatically discover the skill based on its description.

Option B: Global Installation (All Agents)

Save the file to these locations to make it available across all projects:

  • Claude Code: ~/.claude/skills/anthropics/skills/brand-guidelines-anthropics/SKILL.md
  • Cursor: ~/.cursor/skills/anthropics/skills/brand-guidelines-anthropics/SKILL.md
  • Antigravity: ~/.gemini/antigravity/skills/anthropics/skills/brand-guidelines-anthropics/SKILL.md

🚀 Install with CLI:
npx skills add anthropics/skills

Read the Master Guide: Mastering Agent Skills

Recommended Rules

View more rules

Recommended Workflows

View more workflows

Recommended MCP Servers

View more MCP servers

Take It Further

Maximize your productivity with these powerful resources

📋

Define Your Standards

Set up coding standards to ensure this workflow produces consistent, high-quality results.

Browse Rules Library
📖

Master Workflows

Learn how to create custom workflows, use Turbo Mode, and build your automation library.

Complete Guide

How to use this Skill in Claude Code & Cursor

For Claude Code (CLI)

To use this skill in Claude Code, copy the rule content into your project's custom instructions or follow our Add-Skill CLI guide. This ensures Claude follows your standards during every code generation.

For Cursor & Windsurf

For Cursor or Windsurf, individual skills are best used in the "Rules for AI" section. This specific unit helps the agent avoid ui/ux design issues, leading to cleaner, more efficient code.

Why the skill format matters: the standardized Agent Skills format lets your AI agent load detailed instructions only when they are relevant, keeping your prompt clean while improving results.

Source & attribution

This skill is categorized under UI/UX Design and is published by anthropics, maintained in anthropics/skills.

← Browse All Agent Skills
Sponsored AI assistant. Recommendations may be paid.