Back to UI/UX Design

brand-guidelines

brandingcorporate identitydesign systemvisual stylingtypographycolor paletteUI/UXAnthropic
151.5k🕒 2026-06-09Source ↗

Install this skill

npx skills add anthropics/skills

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

The brand-guidelines skill provides a systematic approach to enforcing Anthropic's visual identity within digital assets and documentation. It manages the specific color palette, encompassing the core neutral tones like the #141413 dark background and #faf9f5 light backgrounds, alongside established accent colors including orange, blue, and green. Beyond color management, the skill handles typographic hierarchy by assigning Poppins to headings and Lora to body content. By automating these stylistic decisions, the skill ensures that output remains visually consistent with corporate standards without requiring manual adjustments. It interprets text structures and visual shapes to apply the appropriate metadata and formatting, reducing the time spent on repetitive layout tasks. This tool acts as a bridge between raw data or content and the final polished visual presentation.

When to Use This Skill

  • Generating slide decks that strictly adhere to company visual standards.
  • Formatting internal reports to match corporate design specifications.
  • Standardizing the appearance of visual diagrams within a document.
  • Quickly styling raw text output to reflect official identity markers.

How to Invoke This Skill

Example prompts that trigger this skill in Claude Code, Cursor, or Antigravity:

  • Apply Anthropic brand styling to this document
  • Format these headings and paragraphs with the company font
  • Update my slide deck to use brand accent colors
  • Set the visual theme to match the official corporate identity
  • Ensure the text and shapes follow our brand guidelines

Pro Tips

  • 💡To ensure proper invocation, explicitly mention 'Anthropic brand' or 'Anthropic style' in your prompt when visual consistency is paramount.
  • 💡Combine this skill with markdown or HTML generation skills to produce beautifully formatted and branded text artifacts.
  • 💡Leverage the 'Smart Font Application' feature for quick UI/UX wireframing, focusing on structure while maintaining brand aesthetics.

What this skill does

  • Applies Poppins font for headings and Lora for body copy automatically.
  • Maps specific HEX color values to UI elements and shapes.
  • Implements fallback font logic to Arial and Georgia when custom fonts are missing.
  • Maintains hierarchical text styling based on point size thresholds.
  • Cycles through official brand accent colors for non-text shape elements.

When not to use it

  • When you need non-standard custom branding outside the provided palette.
  • When working in an environment that restricts specific font or color programmatic overrides.

Example workflow

  1. Identify the content needing visual styling.
  2. Invoke the brand-guidelines skill.
  3. Allow the tool to detect heading levels and body segments.
  4. Apply the designated fonts and color palette.
  5. Review the document for correct accent usage.
  6. Finalize the file with standard brand settings.

Prerequisites

  • Poppins font installed in system environment
  • Lora font installed in system environment

Pitfalls & limitations

  • !Missing local font files will trigger fallback Arial/Georgia fonts instead of primary brand fonts.
  • !Color accuracy is limited by the output file format's support for RGB color spaces.
  • !Does not support custom layout adjustments beyond color and font application.

FAQ

What happens if Poppins is not installed on my machine?
The skill will automatically default to Arial as a fallback for headings to maintain readability.
Can I use colors other than the ones defined?
The skill is restricted to the defined Anthropic color palette to ensure brand consistency.
How does it handle body text formatting?
It applies the Lora font to all segments identified as body text, reverting to Georgia if Lora is missing.
Does this skill work for web design?
It is primarily optimized for document and presentation styling using Python-based libraries like python-pptx.

How it compares

Unlike manual styling or generic prompts that require repeated instruction, this skill encodes specific brand definitions to guarantee accuracy without needing a reference style guide.

Source & trust

152k stars🕒 Updated 2026-06-09
📄 Full skill instructions — original source: anthropics/skills
# 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

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/
  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/SKILL.md
  • Cursor: ~/.cursor/skills/anthropics/skills/brand-guidelines/SKILL.md
  • Antigravity: ~/.gemini/antigravity/skills/anthropics/skills/brand-guidelines/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 Anthropic, maintained in anthropics/skills.

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