brand-guidelines

designanthropics97K installs

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

Install

npx skills add https://github.com/anthropics/skills --skill brand-guidelines

SKILL.md

---name: brand-guidelinesdescription: Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when brand colors or style guidelines, visual formatting, or company design standards apply.license: Complete terms in LICENSE.txt---

Anthropic Brand Styling

Overview

To access Anthropic's official brand identity and style resources, use this skill.

Keywords: branding, corporate identity, visual identity, post-processing, styling, brand colors, typography, Anthropic brand, visual formatting, visual design

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)
Note: Fonts should be pre-installed in your environment for best results

Features

Smart Font Application

Applies Poppins font to headings (24pt and larger)
Applies Lora font to body text
Automatically falls back to Arial/Georgia if custom fonts unavailable
Preserves readability across all systems

Text Styling

Headings (24pt+): Poppins font
Body text: Lora font
Smart color selection based on background
Preserves text hierarchy and formatting

Shape and Accent Colors

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

Technical Details

Font Management

Uses system-installed Poppins and Lora fonts when available
Provides automatic fallback to Arial (headings) and Georgia (body)
No font installation required - works with existing system fonts
For best results, pre-install Poppins and Lora fonts in your environment

Color Application

Uses RGB color values for precise brand matching
Applied via python-pptx's RGBColor class
Maintains color fidelity across different systems

Related skills

frontend-designanthropics932KGuidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.prototypemattpocock852KBuild a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.hyperframes-animationheygen-com569KAll animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography hyperframes-creativeheygen-com539KNon-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.