Get the FREE Ultimate OpenClaw Setup Guide →

brand-guidelines

npx machina-cli add skill davepoon/buildwithclaude/brand-guidelines --openclaw
Files (1)
SKILL.md
2.2 KB

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

Source

git clone https://github.com/davepoon/buildwithclaude/blob/main/plugins/all-skills/skills/brand-guidelines/SKILL.mdView on GitHub

Overview

This skill applies Anthropic's official brand colors and typography to any artifact that benefits from the brand look. It ensures consistency with brand guidelines across documents, visuals, and styling tasks.

How This Skill Works

Headings are rendered in Poppins (24pt+) and body text in Lora, with automatic fallbacks to Arial for headings and Georgia for body when fonts are unavailable. Colors are applied via RGB values using python-pptx, preserving brand fidelity across systems. No font installation is required, but pre-installing Poppins and Lora yields best results.

When to Use It

  • When creating client-facing documents or decks that must reflect Anthropic branding.
  • When producing internal reports or post-processed artifacts that follow brand guidelines.
  • When adding accent colors to shapes to maintain brand-consistent visuals.
  • When refining slides or PDFs to ensure typography is Poppins for headings and Lora for body.
  • When ensuring color fidelity and font usage across multi-system environments.

Quick Start

  1. Step 1: Prepare the artifact (PPTX, PDF, etc.) for branding.
  2. Step 2: Apply the brand colors and typography per the guidelines (Headings: Poppins, Body: Lora).
  3. Step 3: Validate color fidelity and typography across systems and adjust as needed.

Best Practices

  • Confirm fonts are available in your environment; prefer pre-installed Poppins and Lora for best results.
  • Use main colors for backgrounds and text; reserve accent colors for shapes and highlights.
  • Apply headings with 24pt+ in Poppins to preserve hierarchy.
  • Leverage RGBColor via python-pptx to ensure color fidelity.
  • Test artifacts on multiple displays to verify readability and contrast.

Example Use Cases

  • Branded investor pitch deck that follows Anthropic color and typography guidelines.
  • Brand-compliant product specification document with consistent headings and body text.
  • Internal policy memo formatted with proper typography and brand colors.
  • Marketing one-pager featuring branded accent colors for visual interest.
  • Company-wide brand guidelines PDF generated with on-brand shapes and colors.

Frequently Asked Questions

Add this skill to your agents

Related Skills

theme-factory

davepoon/buildwithclaude

Toolkit for styling artifacts with a theme. These artifacts can be slides, docs, reportings, HTML landing pages, etc. There are 10 pre-set themes with colors/fonts that you can apply to any artifact that has been creating, or can generate a new theme on-the-fly.

docx

davepoon/buildwithclaude

Comprehensive document creation, editing, and analysis with support for tracked changes, comments, formatting preservation, and text extraction. When Claude needs to work with professional documents (.docx files) for: (1) Creating new documents, (2) Modifying or editing content, (3) Working with tracked changes, (4) Adding comments, or any other document tasks

obsidian-markdown

davepoon/buildwithclaude

Create and edit Obsidian Flavored Markdown with wikilinks, embeds, callouts, properties, and other Obsidian-specific syntax. Use when working with .md files in Obsidian, or when the user mentions wikilinks, callouts, frontmatter, tags, embeds, or Obsidian notes.

pdf

davepoon/buildwithclaude

Comprehensive PDF manipulation toolkit for extracting text and tables, creating new PDFs, merging/splitting documents, and handling forms. When Claude needs to fill in a PDF form or programmatically process, generate, or analyze PDF documents at scale.

xlsx

davepoon/buildwithclaude

Comprehensive spreadsheet creation, editing, and analysis with support for formulas, formatting, data analysis, and visualization. When Claude needs to work with spreadsheets (.xlsx, .xlsm, .csv, .tsv, etc) for: (1) Creating new spreadsheets with formulas and formatting, (2) Reading or analyzing data, (3) Modify existing spreadsheets while preserving formulas, (4) Data analysis and visualization in spreadsheets, or (5) Recalculating formulas

obsidian-bases

davepoon/buildwithclaude

Create and edit Obsidian Bases (.base files) with views, filters, formulas, and summaries. Use when working with .base files, creating database-like views of notes, or when the user mentions Bases, table views, card views, filters, or formulas in Obsidian.

Sponsor this space

Reach thousands of developers