teachingai/brand-guidelines
skills/design-skills/brand-guidelines/SKILL.md
Applies Anthropic brand colors (dark #141413, orange #d97757, blue #6a9bcc, green #788c5d), Poppins headings, and Lora body text to artifacts such as presentations, documents, or visuals. Use when the user needs Anthropic brand styling, brand color application, corporate typography, or visual formatting following Anthropic design standards.
$ install --global
skillsauthnpx skillsauth add teachingai/full-stack-skills brand-guidelinesInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: May 12, 2026, 11:09 PM0.4s1 file scanned
SKILL.md
- name:
- brand-guidelines
- description:
- Applies Anthropic brand colors (dark #141413, orange #d97757, blue #6a9bcc, green #788c5d), Poppins headings, and Lora body text to artifacts such as presentations, documents, or visuals. Use when the user needs Anthropic brand styling, brand color application, corporate typography, or visual formatting following Anthropic design standards.
- license:
- Complete terms in LICENSE.txt
Anthropic Brand Styling
When to use this skill
Use this skill when:
- The user needs to apply Anthropic brand colors and typography to any artifact
- The user asks about Anthropic's official color palette, fonts, or visual identity
- An artifact (presentation, document, visual) needs Anthropic's look-and-feel
- The user mentions brand guidelines, corporate styling, or Anthropic visual standards
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
Workflow
- Identify the artifact to style (presentation, document, HTML, image).
- Apply colors: Use main colors for backgrounds and text; accent colors for highlights and shapes.
- Apply typography: Poppins for headings (24pt+), Lora for body text.
- Verify contrast: Ensure dark text on light backgrounds and light text on dark backgrounds.
# Example: Apply brand colors to a PowerPoint slide
from pptx.util import Pt
from pptx.dml.color import RGBColor
# Anthropic brand colors
DARK = RGBColor(0x14, 0x14, 0x13)
LIGHT = RGBColor(0xFA, 0xF9, 0xF5)
ORANGE = RGBColor(0xD9, 0x77, 0x57)
Keywords
branding, corporate identity, visual identity, brand colors, typography, Anthropic brand, Poppins, Lora
Related Skills
teachingai/agent-browser
tools
VerifiedTrustedCommunity
Automates browser interactions via CLI using agent-browser by Vercel Labs. Covers navigation, clicking, form filling, snapshots, refs-based selectors, agent mode with JSON output, session management, and CDP integration. Use when the user needs to automate web browsing, scrape pages, fill forms, or integrate browser automation into AI agent workflows.
379SKILL.mdUpdated May 12, 2026
teachingai/canvas-design
testing
VerifiedTrustedCommunity
Creates museum-quality visual art as .png or .pdf by first generating a design philosophy manifesto, then expressing it on canvas with precise composition, color palettes, and typography. Use when the user asks to create a poster, art piece, visual design, or static creative piece. Outputs original designs using design-forward principles.
379SKILL.mdUpdated May 12, 2026
teachingai/algorithmic-art
development
VerifiedTrustedCommunity
Creates gallery-quality algorithmic art using p5.js with seeded randomness, interactive parameter controls, and seed navigation, outputting a single self-contained HTML artifact with Anthropic branding. Use when the user requests generative art, algorithmic art, flow fields, particle systems, or code-based visual art using p5.js.
379SKILL.mdUpdated May 12, 2026
teachingai/adobe-xd
development
VerifiedTrustedCommunity
Guides creation of UI/UX designs, interactive prototypes, reusable components, and design specs in Adobe XD. Use when the user asks about Adobe XD artboards, prototype links, repeat grids, component states, design tokens export, or developer handoff.
379SKILL.mdUpdated May 12, 2026