MR
Mayur Rathi
@mayurrathi
⭐ 40.7k GitHub stars

Brand Guidelines Anthropic

Brand Guidelines Anthropic is an design AI skill with a core value of Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. It helps developers solve real-world problems in the design domain, boosting efficiency, automating repetitive tasks, and optimizing workflows.

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 formatt...

Last verified on: 2026-07-07

Quick Facts

Category design
Works With Claude
Source sickn33/antigravity-awesome-skills
Stars ⭐ 40.7k
Last Verified 2026-07-07
Risk Level Low
mkdir -p ./skills/brand-guidelines-anthropic && curl -sfL https://raw.githubusercontent.com/sickn33/antigravity-awesome-skills/main/skills/brand-guidelines-anthropic/SKILL.md -o ./skills/brand-guidelines-anthropic/SKILL.md

Run in terminal / PowerShell. Requires curl (Unix) or PowerShell 5+ (Windows).

Skill Content

# 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


When to Use

This skill is applicable to execute the workflow or actions described in the overview.

🎯 Best For

  • UI designers
  • Product designers
  • Claude users
  • Designers
  • Creative professionals

💡 Use Cases

  • Generating component mockups
  • Creating design system tokens
  • Design system documentation
  • Component specification creation

📖 How to Use This Skill

  1. 1

    Install the Skill

    Copy the install command from the Terminal tab and run it. The SKILL.md file downloads to your local skills directory.

  2. 2

    Load into Your AI Assistant

    Open Claude and reference the skill. Paste the SKILL.md content or use the system prompt tab.

  3. 3

    Apply Brand Guidelines Anthropic to Your Work

    Provide context for your task — paste source material, describe your audience, or share existing work to guide the AI.

  4. 4

    Review and Refine

    Edit the AI output for accuracy, tone, and completeness. Add human insight where the AI lacks context.

❓ Frequently Asked Questions

Does this work with Figma?

Some design skills integrate with Figma plugins. Check the Works With section for supported tools.

Does Brand Guidelines Anthropic generate production-ready design specs?

It generates detailed specifications that developers can use directly. Review and adjust for your specific design system.

How do I install Brand Guidelines Anthropic?

Copy the install command from the Terminal tab and run it. The skill downloads to ./skills/brand-guidelines-anthropic/SKILL.md, ready to use.

Can I customize this skill for my team?

Absolutely. Edit the SKILL.md file to add team-specific instructions, examples, or workflows.

⚠️ Common Mistakes to Avoid

Skipping usability testing

AI-generated designs should be validated with real users before development.

Not reading the full skill

Skills contain important context and edge cases beyond the quick start.

🔗 Related Skills