Claude (Anthropic) — Design System Inspiration
Warm earth-tone AI: Copernicus serif, paper backgrounds, and humane interfaces.
Design System Inspiration of Claude (Anthropic)
1. Visual Theme & Atmosphere
2. Color Palette & Roles
Primary
Secondary & Accent
Surface & Background
Neutrals & Text
Semantic & Accent
# Design System Inspiration of Claude (Anthropic) ## 1. Visual Theme & Atmosphere Claude's interface is a literary salon reimagined as a product page — warm, unhurried, and quietly intellectual. The entire experience is built on a parchment-toned canvas (`#f5f4ed`) that deliberately evokes the feeling of high-quality paper rather than a digital surface. Where most AI product pages lean into cold, futuristic aesthetics, Claude's design radiates human warmth, as if the AI itself has good taste in interior design. The signature move is the custom Anthropic Serif typeface — a medium-weight serif with generous proportions that gives every headline the gravitas of a book title. Combined with organic, hand-drawn-feeling illustrations in terracotta (`#c96442`), black, and muted green, the visual language says "thoughtful companion" rather than "powerful tool." The serif headlines breathe at tight-but-comfortable line-heights (1.10–1.30), creating a cadence that feels more like reading an…
By @meliwat - License: MIT
Raw markdown