anthropic-brand-colors · git:20260424.d50cf5a · 2026-04-24 · sha256 234f7b48fe33b958
anthropic-brand-colors git:20260424.d50cf5aA
Immutable. This exact content never changes and is served at /api/v1/blob/234f7b48fe33b958.
--- name: anthropic-brand-colors description: Anthropic's official brand color palette, design tokens, and typography standards for consistent brand application. --- # Anthropic Brand Colors & Design Standards ## Official Brand Color Palette ### Primary Colors - **Anthropic Identity Light** (Background): `#F5F5F5` - Primary background for posters and documents - Off-white, neutral, professional - High contrast with text elements - **Anthropic Corporate Dark** (Casing/Primary Dark): `#1A1A1A` - Deep charcoal, nearly black - Used for primary structural elements - Professional, premium appearance ### Brand Accents - **Primary Brand Accent** (Interaction/Highlights): `#6366F1` - Indigo blue, modern and focused - Used for primary UI elements, connectors, key interaction points - Maintains good contrast on light backgrounds - **Secondary Brand Accent** (Thermal/Systems): `#8B5CF6` - Purple accent, warm and complementary - Used for secondary systems and thermal elements - Distinguishes subsystems from primary accents - **Tertiary Brand Accent** (PCB/Electronics): `#3B82F6` - Bright blue, digital/technical feel - Used for circuit boards and electrical components - Conveys technology and precision ### Supporting Colors - **Muted Mid Gray** (Annotations/Leader Lines): `#9CA3AF` - Medium gray, subtle and non-intrusive - Used for annotation lines, borders, supporting text - Low contrast to maintain minimalism ## Typography Standards ### Primary Heading Font **Font Family**: Inter - Weight: Bold (700) - Size: 64-72px for primary titles - Letter Spacing: -0.02em (tight tracking) - Color: Anthropic Corporate Dark (#1A1A1A) ### Secondary/Annotation Font **Font Family**: Inter or System Sans-serif - Weight: Regular (400) to Medium (500) - Size: 12-18px for annotations - Color: Muted Mid Gray for non-critical labels - Color: Corporate Dark for critical labels ### Fallback Fonts (if Inter unavailable) - DejaVuSans - Arial - Helvetica - System sans-serif ## Design Principles ### Minimalism - Low saturation across all colors - Avoid neon or high-intensity gradients - Use color strategically for hierarchy and function - Ample whitespace and breathing room ### Technical Application - Structural elements: Corporate Dark - Interactive/primary focus: Primary Brand Accent - Secondary systems: Secondary Brand Accent - Technical components: Tertiary Brand Accent - Supporting details: Muted Mid Gray ### Contrast & Accessibility - All text meets WCAG AA contrast requirements - Corporate Dark on Identity Light: 16.5:1 contrast ratio - Primary Accent on Identity Light: 7.2:1 contrast ratio - Muted Gray for secondary information only ## Implementation Notes ### RGB Equivalents ``` Anthropic Identity Light: RGB(245, 245, 245) Anthropic Corporate Dark: RGB(26, 26, 26) Primary Brand Accent: RGB(99, 102, 241) Secondary Brand Accent: RGB(139, 92, 246) Tertiary Brand Accent: RGB(59, 130, 246) Muted Mid Gray: RGB(156, 163, 175) ``` ### Usage Rules 1. Never use pure white (#FFFFFF) - use Identity Light instead 2. Never use pure black (#000000) - use Corporate Dark instead 3. Accents should never exceed 20% of total poster area 4. Always maintain minimum 2px stroke width for accent lines 5. Annotation text should be muted gray or corporate dark, never accent colors ## Brand Application for Technical Diagrams ### Device/Hardware - Outer casing: Corporate Dark - Internal critical components: Primary Accent - Thermal/cooling systems: Secondary Accent - Circuit boards/electronics: Tertiary Accent - Structural elements: Muted Gray ### Annotations & Details - Leader lines: Muted Gray (1-2px stroke) - Labels: Muted Gray for non-critical, Corporate Dark for important - Emphasis: Primary Brand Accent for critical callouts