SkillsMar 29, 2026·2 min read

Claude Official Skill: 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 guidel...

TL;DR
An official Claude Code skill that applies Anthropic brand colors, typography, and visual style to generated artifacts.
§01

What it is

Claude Official Skill: brand-guidelines is a Claude Code skill that applies Anthropic's official brand colors and typography to any artifact that benefits from Anthropic's visual identity. When activated, the AI assistant uses correct brand hex codes, font choices, and layout patterns.

It targets developers and content creators building materials, demos, or interfaces that need to match Anthropic's official look and feel.

§02

How it saves time or tokens

Without this skill, you manually specify Anthropic's brand colors, fonts, and spacing in every prompt. The skill pre-loads these design tokens so the AI applies them automatically. Token estimate is approximately 500 tokens.

§03

How to use

  1. Install the skill:
claude skill install anthropics/skills/brand-guidelines
  1. Or manually copy the SKILL.md content to .claude/skills/brand-guidelines/SKILL.md.
  2. The skill activates when you ask for artifacts with Anthropic branding.
§04

Example

# .claude/skills/brand-guidelines/SKILL.md
§05

Brand Colors

  • Primary: #D4A574 (Anthropic tan)
  • Background: #1A1A2E (dark navy)
  • Text: #FFFFFF on dark backgrounds
  • Accent: #E8D5B7 (light tan)
§06

Typography

  • Headings: Inter, semi-bold
  • Body: Inter, regular
  • Code: JetBrains Mono
§07

Related on TokRepo

Key considerations

When evaluating Claude Official Skill for your workflow, consider the following factors. First, assess whether your team has the technical prerequisites to adopt this tool effectively. Second, evaluate the maintenance burden against the productivity gains. Third, check community activity and documentation quality to ensure long-term viability. Integration with your existing toolchain matters more than feature count alone. Start with a small pilot project before rolling out across the organization. Monitor resource usage during the initial adoption phase to identify bottlenecks early. Document your configuration decisions so team members can onboard independently.

§08

Common pitfalls

  • Brand guidelines change over time; verify the skill's color values against Anthropic's current brand assets.
  • The skill applies visual styling only; it does not enforce Anthropic's content tone or messaging guidelines.
  • Using Anthropic's brand assets in commercial products may require permission; this skill provides the design tokens, not a trademark license.

Frequently Asked Questions

Is this an official Anthropic skill?+

The skill provides Anthropic brand design tokens for Claude Code. It helps match Anthropic's visual identity. Check Anthropic's brand guidelines for the authoritative source of brand assets.

What does the skill include?+

It includes brand colors (hex values), typography choices (font families, weights), spacing guidelines, and layout patterns that match Anthropic's official visual identity.

Can I modify the brand guidelines?+

Yes. The skill installs as a SKILL.md file in your project. You can edit the colors, fonts, and guidelines to match your own brand or a customized version.

Does this work with HTML artifacts?+

Yes. When you ask Claude Code to generate HTML, CSS, or React components, the skill ensures they use Anthropic's brand colors and typography without you specifying them each time.

Will this affect all my Claude Code projects?+

Only projects with the brand-guidelines skill installed in their .claude/skills directory. Other projects are unaffected. You can install it globally or per-project.

Citations (3)
🙏

Source & Thanks

Created by Anthropic. Licensed under MIT. anthropics/skills

Discussion

Sign in to join the discussion.
No comments yet. Be the first to share your thoughts.

Related Assets