Anthropic Brand Guidelines vs Extract Design

Anthropic Brand Guidelines

By Anthropic

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

Extract Design

By Manav Arya

Pull the colors, fonts, and full design style from any website in one go.

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

Extract Design

• Extracts the color palette with exact color codes and the font families a site uses
• Captures spacing, shadows, rounded corners, layouts, and common components
• Scores the site's color contrast against accessibility guidelines
• Creates a visual preview page plus Figma variables and theme files for developers
• Compares the design of two websites side by side

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 Extract Design when…

• You want to know exactly which colors and fonts a website uses
• You're studying a competitor's or inspiration site's visual style
• You need to hand a site's design system to a designer in Figma or to a developer