home / skills / arustydev / ai / design-brand-guidelines-dev
/components/skills/design-brand-guidelines-dev
This skill applies Anthropic's official brand colors and typography to artifacts to ensure consistent look and feel across documents and visuals.
npx playbooks add skill arustydev/ai --skill design-brand-guidelines-devReview the files below or copy the command above to add this skill to your agents.
---
name: brand-guidelines
description: 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.
license: Complete terms in LICENSE.txt
---
# 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
This skill applies Anthropic's official brand colors and typography to artifacts that benefit from a consistent corporate look-and-feel. It maps headings and body text to Poppins and Lora (with Arial/Georgia fallbacks) and enforces palette rules for backgrounds, text, and accents. Use it to ensure visual consistency across presentations, documents, and UI mockups.
The skill inspects text hierarchy and element types, then assigns fonts and colors according to the brand rules. Headings 24pt and larger get Poppins (or Arial fallback); body text gets Lora (or Georgia fallback). It assigns primary, secondary, and accent colors to backgrounds, text, and shapes, cycling through orange, blue, and green for non-text accents.
What happens if Poppins or Lora aren't installed?
The skill automatically falls back to Arial for headings and Georgia for body text to preserve layout and readability.
Can I change the accent color cycle?
Yes — the accent cycle defaults to orange, blue, then green, but you can configure the order or limit accents per artifact.