Anthropic Brand Styling

Applies Anthropic's official brand colors and typography to any artifact that benefits from Anthropic's look-and-feel. Use when brand colors, style guidelines, visual formatting, or company design standards apply.

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)

Application Rules

Smart Font Application

• Headings (24pt+): Poppins font
• Body text: Lora font
• Automatic fallback to Arial/Georgia if custom fonts unavailable

Text Styling

• Smart color selection based on background
• Preserve text hierarchy and formatting
• Dark text on light backgrounds, light text on dark backgrounds

Shape and Accent Colors

• Non-text shapes use accent colors
• Cycle through orange, blue, and green accents
• Maintain visual interest while staying on-brand

Color Application

• Use RGB values for precise brand matching
• Maintain color fidelity across different systems

Usage Examples

When applying the brand to artifacts:

1. Set backgrounds to #faf9f5 (light) or #141413 (dark)
2. Use #d97757 (orange) for primary CTAs and accents
3. Apply Poppins to all headings, Lora to body text
4. Use #b0aea5 for secondary/muted text
5. Cycle through orange, blue, green for decorative shapes