mcpField
B
brand-guidelines

brand-guidelines

github.com/full-stack-skillsDesign & UI044 installsUpdated 2w ago
Repository

About brand-guidelines

brand-guidelines is a skill for applying Anthropic’s brand styling to visual materials. It covers the brand palette, typography, text hierarchy, and fallback fonts.

Key features

  1. 01Anthropic brand color palette
  2. 02Poppins headings and Lora body text
  3. 03Arial and Georgia font fallbacks
  4. 04Background-aware text colors
  5. 05Accent colors for shapes

Use cases

  1. 01Styling branded presentation content
  2. 02Applying typography to formatted text
  3. 03Choosing colors for text and shapes

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/full-stack-skills/design-skills --skill brand-guidelines

After installing, type/brand-guidelinesin Claude Code to confirm it loaded.

Bundled filesagents/openai.yamlLICENSE.txt

Details

From the project README

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

Comments

Markdown supported