Anthropic Brand Guidelines Styling
Applies Anthropic's official brand colors and typography consistently across decks, docs, and web artifacts.
Design & UIBeginner★ 254⑂ 46AI score 6/10Last updated: Jul 16, 2026
What it does
- Supplies Anthropic's official palette with exact HEX values (Dark
#141413, Light#faf9f5, Orange#d97757, Blue#6a9bcc, Green#788c5d, plus grays). - Enforces typography rules: Poppins for headings (Arial fallback), Lora for body text (Georgia fallback).
- Treats text 24pt and larger as headings and auto-picks text color based on background luminance.
- Cycles accent colors (orange → blue → green) across non-text shapes for visual rhythm.
- For PPTX work, applies colors via python-pptx's
RGBColorfor faithful reproduction.
Who it's for
- Anyone building presentations or reports that need the Anthropic look-and-feel.
- Designers and content folks who want consistent brand color/font usage without looking values up.
- Developers layering brand styling onto automated deck-generation pipelines.
Examples
- "Restyle this deck with Anthropic branding" → Poppins headings, Lora body, brand background/text colors.
- "Color this chart with our brand palette" → series colored by cycling orange, blue, green accents.
- "Match this landing page CSS to the brand guide" → stylesheet using the specified HEX values and font fallback chains.
· · · Install guide · · ·
Try it now, no install
Paste this into Claude to use the skill without installing anything.
Read the instructions in this file and follow them to help me: https://raw.githubusercontent.com/lingxling/awesome-skills-cn/HEAD/anthropics-skills/skills/brand-guidelines/SKILL.md What I want: (describe your task here)
If Claude can't open the link, open it yourself and paste the contents instead.
↓ If it works for you, download the ZIP below and install it. Then it runs on its own — no pasting each time.
Install in the Claude app (no terminal)
- Download the ZIP with the button below.
- In Claude, open Settings → Capabilities and turn on 'Code execution and file creation'. (one time)
- Go to Customize → Skills → + → 'Upload a skill' and upload the ZIP.
Install in Claude Code
Let Claude do it — paste this into Claude Code
Install the skill I found on Claude Skill Mart. Copy the anthropics-skills/skills/brand-guidelines folder from the GitHub repo lingxling/awesome-skills-cn into my ~/.claude/skills/lingxling-brand-guidelines/. When it's done, tell me in one line what this skill can do.
Install with a command instead
git clone https://github.com/lingxling/awesome-skills-cn.git && mkdir -p ~/.claude/skills && cp -r awesome-skills-cn/anthropics-skills/skills/brand-guidelines ~/.claude/skills/⚠ This is a third-party skill. Check the source repository before installing.
- Open a terminal.
- Clone the repo:
git clone https://github.com/lingxling/awesome-skills-cn.git - Create the skills directory:
mkdir -p ~/.claude/skills - Copy the skill:
cp -r awesome-skills-cn/anthropics-skills/skills/brand-guidelines ~/.claude/skills/ - (Optional) Pre-install the Poppins and Lora fonts for best fidelity; otherwise Arial/Georgia are used automatically.
- Restart Claude Code, then ask something like "style this in Anthropic branding" to trigger the skill.
View source on GitHub ↗License: MIT