The short version
Anthropic Brand Guidelines
By Anthropic
Apply Anthropic's official colors, fonts, and style to slides, documents, and visuals.
Typography Scale
By JR Brugger (Design Workflow)
Build a professional text sizing system for websites and apps with consistent headings and body copy.
What each one does
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
Typography Scale
- Generates a mathematical scale of text sizes from captions to large headings
- Defines line heights and letter spacing for optimal readability
- Provides font weight and pairing recommendations
- Creates responsive rules so text scales gracefully on mobile devices
- Documents usage guidelines for each text style
When to pick each one
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 Typography Scale when…
- You're designing a website, app, or marketing site and need consistent text sizing
- You want your headings and body copy to look harmonious without manual tweaking
- You're building a design system or brand guide
- You need typography rules that work across desktop and mobile
Quick facts
| Anthropic Brand Guidelines | Typography Scale | |
|---|---|---|
| Made by | Anthropic | JR Brugger (Design Workflow) |
| Category | Design & Creative | Design & Creative |
| Source | View ↗ | View ↗ |
| Detail page | Open | Open |