brand-guidelines
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 with Tessl CLI
npx tessl i github:boisenoise/skills-collections --skill brand-guidelines95
Does it follow best practices?
If you maintain this skill, you can automatically optimize it using the tessl CLI to improve its score:
npx tessl skill review --optimize ./path/to/skillEvaluation — 99%
↑ 5.82xAgent success when using this skill
Validation for skill structure
Evaluation results
100%
88%Product Landing Page for Anthropic
Brand colors and typography in HTML page
Dark color hex
0%
100%
Light color hex
0%
100%
Mid Gray hex
0%
100%
Light Gray hex
0%
100%
Orange accent hex
0%
100%
Blue accent hex
0%
100%
Green accent hex
0%
100%
Poppins for headings
0%
100%
Lora for body
0%
100%
Arial heading fallback
0%
100%
Georgia body fallback
0%
100%
Light text on dark bg
75%
100%
Dark text on light bg
75%
100%
100%
100%Anthropic Design System CSS Foundation
CSS design tokens and variable system
Dark color token
0%
100%
Light color token
0%
100%
Mid Gray token
0%
100%
Light Gray token
0%
100%
Orange accent token
0%
100%
Blue accent token
0%
100%
Green accent token
0%
100%
Poppins heading stack
0%
100%
Arial fallback in heading stack
0%
100%
Lora body stack
0%
100%
Georgia fallback in body stack
0%
100%
95%
85%Anthropic Quarterly Newsletter Email Template
Accent color cycling and text hierarchy
Orange accent present
0%
100%
Blue accent present
0%
100%
Green accent present
0%
100%
Accent cycling pattern
100%
50%
Dark background in header
0%
100%
Light text on header
0%
100%
Poppins for headlines
0%
100%
Lora for descriptions
0%
100%
Mid Gray for footer
0%
100%
Light background color
0%
100%
Dark text on light bg
0%
100%
100%
56%Anthropic Branded Presentation Generator
Python pptx brand styling script
Uses RGBColor
100%
100%
Dark color RGBColor
0%
100%
Light color RGBColor
0%
100%
Orange accent on shapes
0%
100%
Blue accent on shapes
0%
100%
Green accent on shapes
0%
100%
Accent cycling
100%
100%
Poppins heading font
0%
100%
Lora body font
0%
100%
Heading size threshold
100%
100%
Light text on dark slide
100%
100%
Shapes use accent colors
100%
100%
100%
82%Anthropic AI Safety Metrics Infographic
SVG infographic with brand styling
Orange accent shapes
100%
100%
Blue accent shapes
0%
100%
Green accent shapes
0%
100%
Accent variety
0%
100%
Dark color usage
0%
100%
Light color usage
0%
100%
Poppins for title/headings
0%
100%
Arial heading fallback
0%
100%
Lora for body text
0%
100%
Georgia body fallback
0%
100%
Exact hex values
100%
100%
- Evaluated
- Agent
- Claude Code
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.