Browse documentation

Source reviewed8a1541c4a3ff

Brand Guidelines 스킬 - Claude 출력을 브랜드에 고정

Brand Guidelines 스킬이 Claude의 색상·타이포그래피·톤을 디자인 시스템에 잠그는 방법 - 팀용으로 개조하는 팁과 함께 해설.

Anthropic · Brand Guidelines

Existing editorial guidance is preserved. The current pinned official reference is separately labelled in English; translated editorial is not a new translation of the full source.

This is the existing editorial translation. The latest full official reference, where available, is provided separately in English.

The navigation uses English labels. Article languages are shown separately; the interface is not a full translation of the documentation.

Source text is documentation. These workflows have not been executed or tested by this site.

On this page

개요

공식 설명: "Applies Anthropic's official brand colors and typography to any artifact that may benefit from Anthropic's look-and-feel."

기업 아이덴티티 스킬의 표준 예제입니다. 한 회사의 디자인 시스템을 스킬로 인코딩해 Claude가 만드는 모든 아티팩트를 브랜드에 맞게 유지합니다. 값만 바꾸면 그대로 당신 팀의 브랜드 스킬이 됩니다.

이 스킬의 작동 방식

SKILL.md는 콤팩트한 디자인 시스템 명세입니다:

  • 색상 - Anthropic 공식 팔레트와 사용 역할(배경, 텍스트, 도형, 강조)
  • 타이포그래피 - 승인된 폰트 스택과 스마트 적용 규칙
  • 기능 - 텍스트 스타일 규약과 도형/강조색 적용
  • 기술 세부 - 폰트 관리와 색 적용 방식. 규칙이 HTML·슬라이드·문서를 넘나들며 유지되도록

스킬 폴더 구성

  • SKILL.md (약 2KB - 공식 스킬 중 최소급)
  • LICENSE.txt

나만의 스킬을 만들 때 배울 점

  • 브랜드 스킬은 클 필요가 없습니다: 정확한 토큰 2KB가 산문 20KB를 이깁니다.
  • HEX 값만이 아니라 역할("강조", "배경")을 인코딩하세요 - 예상 못 한 아티팩트 유형에도 시스템이 적용되는 이유입니다.
  • 팀 도입 최단 경로: 포크해서 팔레트와 폰트만 교체하면 끝.

GitHub에서 보기

skills/brand-guidelines

Current official reference · English8a1541c4a3ff

The original English source comes from the pinned version above. It is shown as inert documentation. Related scripts and resources remain in the upstream repository; this text is not a complete installation package.

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