ClaudeSkills
浏览文档

来源已核对8a1541c4a3ff

Brand Guidelines 技能 - 让 Claude 的输出不跑偏品牌

Brand Guidelines 技能如何把 Claude 的颜色、字体和风格锁定到你的设计系统——完整解读，附团队复用改造建议。

Anthropic · Brand Guidelines

保留既有编辑内容，当前固定版本的官方参考另标为英文；旧译文不代表最新源文件的全文翻译。

这里保留既有编辑译文；如有最新完整官方参考，会在下方独立提供英文原文。

源码在这里作为文档呈现。本站尚未执行或测试这些工作流程。

技能与安装方式查看来源授权条款
本页目录

概览

官方描述："Applies Anthropic's official brand colors and typography to any artifact that may benefit from Anthropic's look-and-feel."

这是企业品牌技能的参考范例：它把一家公司的设计系统编码进技能，让 Claude 产出的每个 artifact 都不跑偏。把里面的值换成你自己的，就是你团队的品牌技能。

这个技能如何工作

SKILL.md 是一份紧凑的设计系统规格：

  • 颜色 - Anthropic 官方色板，并标注使用角色（背景、文字、形状、强调色）
  • 字体排印 - 获准使用的字体栈与智能应用规则
  • 特性 - 文字样式约定与形状/强调色的应用方式
  • 技术细节 - 字体管理与颜色应用机制，保证规则在 HTML、幻灯片和文档之间都成立

技能文件夹里有什么

  • SKILL.md（约 2 KB——官方最小的技能之一）
  • LICENSE.txt

对你自己写技能的启示

  • 品牌技能不需要大：2 KB 的精确 token 胜过 20 KB 的散文。
  • 编码的是角色（"强调色"、"背景"）而不只是色值——这样 Claude 才能把系统应用到你没预料到的 artifact 类型上。
  • 团队最快的落地方式：fork 它，换掉色板和字体，完事。

在 GitHub 查看

skills/brand-guidelines

当前官方参考 · 英文8a1541c4a3ff

以下英文原文对应上方固定版本，只作为文档展示。相关脚本与资源仍由上游仓库提供，单篇文字不等于完整安装包。

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