Anthropic Brand Guidelines vs Component Spec

Anthropic Brand Guidelines

By Anthropic

Apply Anthropic's official colors, fonts, and style to slides, documents, and visuals.

Component Spec

By JR Brugger (Design Workflow)

Write complete design system specs covering variants, states, accessibility, and usage.

Anthropic Brand Guidelines

• Applies Anthropic's official color palette to backgrounds, text, and accent elements
• Sets headings in Poppins font and body text in Lora font with automatic fallbacks
• Styles shapes and non-text elements with brand accent colors (orange, blue, green)
• Maintains visual hierarchy and readability while keeping everything on-brand
• Works across slides, documents, and other visual artifacts without manual setup

Component Spec

• Generates structured component specifications with anatomy breakdowns, variants, and props
• Documents all component states (hover, focus, disabled, loading, error) with clear descriptions
• Includes accessibility requirements like ARIA roles, keyboard navigation, and screen reader support
• Provides usage guidelines with do/don't examples and content rules
• Covers behavior details like interactions, animations, and responsive breakpoints

Reach for Anthropic Brand Guidelines when…

• You're creating a presentation or document for Anthropic and need it to look official
• You want consistent branding across slides, reports, or marketing materials
• You need the right colors and fonts but don't want to look them up every time

Reach for Component Spec when…

• You're building a design system and need to document components thoroughly
• Your team needs shared specs so designers and developers stay aligned
• You're onboarding someone and want clear component documentation to reference
• You need to ensure accessibility is baked into every component from the start