run2_anthropic-brand
Anthropic official brand colors, typography tokens, and design guidelines extracted from anthropic.com CSS.
- License 许可
- MIT
- 最近更新
- 2026-10-02
- Stars
- ★ 92
- Forks
- 7
01 前言 Front Matter
- name
- run2_anthropic-brand
- description
- Anthropic official brand colors, typography tokens, and design guidelines extracted from anthropic.com CSS.
03 SKILL.md 正文
Anthropic Brand Design Tokens (Verified)
Brand Colors — Extracted from anthropic.com CSS Variables
| Role | CSS Variable | HEX | Usage Context |
|---|---|---|---|
| Corporate Dark | --_theme---foreground-primary |
#141413 |
Text, dark surfaces, outer hardware |
| Identity Light | --_theme---background |
#E8E6DC |
Warm cream page/poster background |
| Primary Accent | --_theme---heroes-accent |
#D97757 |
Primary CTA, interaction highlights |
| Secondary Accent | selection highlight | #CC785C |
Secondary warm accents, thermal tones |
| Tertiary Accent | highlight/badge | #EDA100 |
Gold/amber for tertiary elements |
| Muted Mid Gray | neutral mid | #87867F |
Subtle lines, annotations, secondary text |
| Secondary Dark | --_theme---foreground-secondary |
#30302E |
Secondary text, dark variants |
Additional Neutrals
- Shadow/depth on cream:
#D5D3C9(slightly darker cream for subtle shadows) - Light foreground variants:
rgba(250, 249, 240, 0.3-0.5)
Typography
Heading Font: Copernicus (Darden Studio)
- Editorial serif with humanist proportions
- Used for display headings and titles
- CSS variable:
--serif - Fallback rendering: DejaVu Serif Bold (closest available system serif)
Body Font: Clean sans-serif
- CSS variable:
--sans - System rendering: DejaVu Sans
Size Scale (from CSS clamp values)
- Display XL: ~140px at poster scale (clamp 2.5rem–4rem)
- Display M: ~60px (clamp 1.75rem–2rem)
- Label: ~30px
- Detail: ~24px
- Spec/fine: ~20px
Design Philosophy
- Warm, low-saturation earth-tone palette
- NO neon, NO high-intensity "AI gradient" effects
- Generous whitespace with clear hierarchy
- Muted annotation systems (thin gray lines)
- Professional, editorial aesthetic
04 同仓库更多 Skills
object_counter
Count occurrences of an object in the image using computer vision algorithm.
travel-planning-workflow
Invoke this skill when performing travel planning. It defines a structured workflow for generating itineraries. Following this workflow is essential to ensure the final plan satisfies user requirements.
bundled-dataset-search-tool
invoke this skill when you need to perform database search for travel planning. This skill provides some useful pre-packaged tools to look up accommodations, attractions, cities, driving distance, flights, and restaurants from the bundled dataset.
glm-output
Output-processing guidance for GLM tasks. Especially useful after glm-basics and glm-calibration when you need verifier-matching metrics from output.nc and a final /root/metrics.json.
glm-calibration
Calibration guidance for GLM tasks. Often most effective after glm-basics has clarified the setup; glm-output is the companion skill for exact final metric computation.
glm-basics
A good starting point for GLM calibration tasks. Use to inspect glm3.nml, confirm how GLM runs, and identify the relevant files before moving on to calibration and output evaluation.