> ## Documentation Index
> Fetch the complete documentation index at: https://docs.newenergycoder.club/llms.txt
> Use this file to discover all available pages before exploring further.

# brand-guidelines

> Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. Use it when…

| 项目 | 内容                                                                                                                                                                                                                                                                      |
| -- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 来源 | [skills/brand-guidelines/SKILL.md](https://github.com/new-energy-coder-club/new_energy_coder_club/blob/Skill/skills/brand-guidelines/SKILL.md)                                                                                                                          |
| 分类 | 前端 & 设计开发                                                                                                                                                                                                                                                               |
| 安装 | 克隆 [Skill 分支](https://github.com/new-energy-coder-club/new_energy_coder_club/tree/Skill) 后，将 `skills/brand-guidelines/` 目录复制到 `~/.claude/skills/`（Claude Code）、`~/.trae/skills/`（Trae IDE）或 `~/.qclaw/skills/`（QClaw/OpenClaw），详见 [Skill 安装方式](/community/skill-branch) |

# 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