brand-guidelines

Frontend & Expérience UX

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 brand colors or style guidelines, visual formatting, or company design standards apply.

Documentation

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

Compétences similaires

Explorez d'autres agents de la catégorie Frontend & Expérience UX

Voir tout le catalogue

stitch-ui-design

Expert guide for creating effective prompts for Google Stitch AI UI design tool. Use when user wants to design UI/UX in Stitch, create app interfaces, generate mobile/web designs, or needs help crafting Stitch prompts. Covers prompt structure, specificity techniques, iteration strategies, and design-to-code workflows for Stitch by Google.

VOIR LA FICHE

react-flow-architect

"Expert ReactFlow architect for building interactive graph applications with hierarchical node-edge systems, performance optimization, and auto-layout integration. Use when Claude needs to create or optimize ReactFlow applications for: (1) Interactive process graphs with expand/collapse navigation, (2) Hierarchical tree structures with drag & drop, (3) Performance-optimized large datasets with incremental rendering, (4) Auto-layout integration with Dagre, (5) Complex state management for nodes and edges, or any advanced ReactFlow visualization requirements."

VOIR LA FICHE

3d-web-experience

"Expert in building 3D experiences for the web - Three.js, React Three Fiber, Spline, WebGL, and interactive 3D scenes. Covers product configurators, 3D portfolios, immersive websites, and bringing depth to web experiences. Use when: 3D website, three.js, WebGL, react three fiber, 3D experience."

VOIR LA FICHE