brand-guidelines

Official source

Applies Anthropic's official brand palette and Poppins/Lora typography to artifacts, with automatic font fallbacks and accent-color cycling for shapes.

Source: Anthropic

Claude.ai · CompatibleClaude Code · CompatibleDesign & Creative

At a glance

Verified source
Best for
Styling slides, docs, or HTML to match Anthropic's look and feel
Works with
Claude.ai · Claude Code
Outcome
Quickly applying consistent heading/body fonts and accent colors to an existing artifact
Source
anthropics/skills

01 / Understand the skill

About brand-guidelines

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.

02 / Confirm the fit

Use brand-guidelines when you need to

  • Styling slides, docs, or HTML to match Anthropic's look and feel
  • Quickly applying consistent heading/body fonts and accent colors to an existing artifact
  • Teams needing on-brand visuals without hunting for hex codes

03 / See the workflow

How brand-guidelines works

  1. 01Install: npx skills add https://github.com/anthropics/skills --skill brand-guidelines
  2. 02Try: Apply Anthropic brand colors and fonts to this presentation deck.
  3. 03Get: An artifact restyled with the documented brand palette and typography.

Check before installing

Compatible platforms

Claude.ai · Claude Code

Best fit

Styling slides, docs, or HTML to match Anthropic's look and feel

Review the source instructions if the required output differs from the formats described above.

Install and use

Compatible with Claude.ai and Claude Code · Published by Anthropic

Ready to add brand-guidelines?

Use the published instructions below, then provide the required input and describe the result you need.

General instructions · Claude.ai · Claude Code

npx skills add https://github.com/anthropics/skills --skill brand-guidelines

Review the source repository and license before installing third-party skills.

Continue exploring

Similar skills

Generates original p5.js generative art by first writing an algorithmic philosophy, then expressing it as a self-contained interactive HTML viewer with seeded randomness.

Reproduces a reference mockup as a runnable frontend, extracting its design system then screenshot-comparing the build and iterating until the gap is minor and explained.

Works withClaude CodeCursor+1

Clarifies the brief before design work by interrogating goal, user, JTBD, constraints, success, and scope, then writing a context.md the other design skills consume.

Works withClaude CodeCursor+1

Creates museum-quality original poster and visual-art PDFs/PNGs by drafting a design philosophy first, then expressing it as a minimal, design-forward single-page canvas.