ClaudeSkillsSource reviewed8a1541c4a3ff
Brand Guidelines Skill - Claude-Output markenkonform halten
Wie der Brand-Guidelines-Skill Claudes Farben, Typografie und Stil an ein Designsystem bindet - komplette SKILL.md-Analyse mit Tipps zum Forken für das eigene Team.
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
Überblick
Die offizielle Beschreibung: "Applies Anthropic's official brand colors and typography to any artifact that may benefit from Anthropic's look-and-feel."
Das ist das Referenzbeispiel eines Corporate-Identity-Skills: Er kodiert das Designsystem eines Unternehmens, damit jedes Artefakt markenkonform bleibt. Eigene Werte einsetzen - fertig ist der Brand-Skill fürs eigene Team.
So funktioniert der Skill
Die SKILL.md ist eine kompakte Designsystem-Spezifikation:
- Farben - Anthropics offizielle Palette mit Verwendungsrollen (Hintergründe, Text, Formen, Akzente)
- Typografie - der freigegebene Font-Stack mit Regeln zur intelligenten Anwendung
- Features - Textstil-Konventionen und Form-/Akzentfarben
- Technische Details - Font-Management und Farbanwendung, damit die Regeln HTML, Slides und Dokumente überleben
Was im Skill-Ordner steckt
SKILL.md(~2 KB - einer der kleinsten offiziellen Skills)LICENSE.txt
Erkenntnisse für eigene Skills
- Ein Brand-Skill muss nicht groß sein: 2 KB präzise Tokens schlagen 20 KB Prosa.
- Rollen kodieren ("Akzent", "Hintergrund"), nicht nur Hex-Werte - so wendet Claude das System auch auf unerwartete Artefakttypen an.
- Der schnellste Gewinn für Teams: forken, Palette und Fonts ersetzen, fertig.
Auf GitHub ansehen
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