Brand Guidelines

This skill provides access to Anthropic's official brand identity resources, enabling consistent visual presentation across materials with branded color palettes, typeface specifications, and design standards.

Frontend & DesignOfficial Plugin marketplace

Install

Claude Code plugin
/plugin marketplace add anthropics/skills

Then run /plugin to install the skill set that includes it. In Claude.ai and the Claude app, Anthropic skills are built in: turn them on in Settings → Capabilities.

skills CLI (Claude Code, Cursor, Codex and more)
npx skills add anthropics/skills --skill brand-guidelines
Manual install
git clone --depth 1 https://github.com/anthropics/skills.git /tmp/skills
mkdir -p ~/.claude/skills
cp -r /tmp/skills/skills/brand-guidelines ~/.claude/skills/brand-guidelines

Personal skills live in ~/.claude/skills. Use .claude/skills in a project folder to share a skill with your team.

What this skill does

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.

Trigger phrases

Claude loads this skill automatically when you say things like:

“Anthropic brand”“brand colors”“brand guidelines”“company styling”“official branding”

How it works

  1. Automatically assigns Poppins typeface to headings (24pt+) and Lora to body text
  2. Applies defined palette including primary dark (#141413) and light (#faf9f5) tones
  3. Uses accent colors (orange #d97757, blue #6a9bcc, green #788c5d) for non-text elements
  4. Preserves readability across all systems while maintaining text hierarchy

When to use it

  • When creating Anthropic-branded materials
  • When applying consistent visual styling to documents
  • When professional brand consistency is required

From the SKILL.md

# 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
Read the full skill on GitHub

Details

Skill name
brand-guidelines
Path
skills/brand-guidelines/SKILL.md

FAQ

What does the Brand Guidelines skill do?

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.

How do I install the Brand Guidelines skill?

Claude Code plugin: /plugin marketplace add anthropics/skills. Skills go in ~/.claude/skills (personal) or .claude/skills (project), and Claude loads them automatically when a task matches the description.

Related skills

Algorithmic Art

anthropics/skills

Creating algorithmic art using p5.js with seeded randomness and interactive parameter exploration. Use this when users request creating art using code, generative art, algorithmic art, flow fields, or particle systems. Create original algorithmic art rather than copying existing artists' work to avoid copyright violations.

Images, Video & AudioIn 8 lists

Canvas Design

anthropics/skills

Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.

Frontend & DesignIn 8 lists

Doc Co-authoring

anthropics/skills

Guide users through a structured workflow for co-authoring documentation. Use when user wants to write documentation, proposals, technical specs, decision docs, or similar structured content. This workflow helps users efficiently transfer context, refine content through iteration, and verify the doc works for readers.

Writing & ContentIn 8 lists

Frontend Design

anthropics/skills

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, artifacts, posters, or applications (examples include websites, landing pages, dashboards, React components, HTML/CSS layouts, or when styling/beautifying any web UI). Generates creative, polished code and UI design that avoids generic AI aesthetics.

Frontend & DesignIn 8 lists

Theme Factory

anthropics/skills

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

Frontend & DesignIn 8 lists

Web Artifacts Builder

anthropics/skills

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

Frontend & DesignIn 8 lists

Browse the most popular Claude skills, all frontend & design skills, or write your own with the skills generator.