Anthropic
A scientific field journal on warm vellum—calm ivory surfaces, serifed editorial headings, and a single clay accent that appears only when action is needed.
Anthropic's interface reads like a carefully curated scientific publication on warm parchment paper. Neutral shades of ivory and oatmeal replace the typical cool gray palette of tech-inspired designs, lending every surface a papery texture that complements the custom serif typeface used at an unprecedented scale for both body and heading text. A single clay-colored accent appears only during moments of activity; everything else remains calm and austere. Components are flat—thin borders and selective lower corner radii replace drop shadows as the design language, with a sans-serif typeface representing interface elements and a serif typeface conveying expressiveness.
The design is dominated by vintage scientific illustrations: the homepage features a dense botanical/zoological collage of butterflies and moths, executed in the classic style of naturalistic illustrations reminiscent of 19th-century field guides. The illustrations are warmly colored to blend with the parchment background rather than stand out against it. There are no photographs, product screenshots, or abstract gradients. The iconography is minimal—small chevrons for dropdowns and sparse linear indicators, always in the same warm, neutral palette as the text. Visual density is low: large blocks of text and white space predominate, and images appear only within the scope of the homepage.
Palette
Brand
- Clay
#d97757— Filled call-to-action buttons (e.g., "accept cookie consent") are the only accent color in the system, a warm terracotta shade that belongs to the earthy tone family rather than the typical UI blue. - Clay Deep
#c6613f— The hover/press state for Clay call-to-action buttons and the canonical token with a diacritic is a deeper version of the basic diacritic.
Neutral
- Slate Dark
#141413— Body text, headings, footer background, thin borders - almost black with a slight warmth, never pure black. - Ivory Medium
#f0eee6— The canvas of the page and the large surface fills are a parchment background that sets the entire warm tone. - Ivory Light
#faf9f5— Cardboard surfaces, raised panels, and click-to-click buttons are one step brighter than canvas for a layered, shadow-free effect. - Cloud Medium
#b0aea5— Subdued auxiliary text, inactive navigation elements, additional labels—a neutral style that recedes into the background without disappearing. - Cloud Dark
#87867f— Outlined button frames, medium contrast dividers - Stone
#cccbc8— Subtle borders and dividers between sections are visible but never too obvious.
Typography
from 12 to 68px · 6 steps
- Anthropic Serif — replacement: Georgia · outlines 400, 600 · Editorial Style – used for the 68px heading, all 20px body text, card titles, and supporting paragraphs. The serif font adds personality to the text; its presence in the body text (unusual for technical websites) indicates that it belongs to a research publication. 400 font weight is the default, 600 font weight is for emphasis.
- Anthropic Sans — replacement: Inter · outlines 400, 500, 600, 700 · The user interface and display of sans-serif fonts include navigation links, buttons, footers, icons, and a bold sans-serif headline with a 61px 700 weight. The 61px sans-serif font is positioned next to the 68px serif font, intentionally creating a dual system: the sans-serif font expresses declarative statements, while the serif font feels like an editorial essay.
- Anthropic Mono — replacement: JetBrains Mono · outlines 400 · Used only in code or technical fragments - rare.
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 8px |
| Button radius | 8px (bottom-only on filled variants), 12px (outlined) |
| Card radius | 24px |
| Shadows | no - borders instead of shadows |
| Between sections | 80-120px |
| Page width | 1280px |
AI will build your website in Anthropic style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- ElevenLabs — A photo essay in warm cream tones with subtle headlines. A Bauhaus-style notebook—eggshell-colored paper, black ink, and a single purple and orange accent for product display.
- Awesomic — Editorial zinc mesh with orange punctuation marks reminiscent of confetti
- Monad — editorial technical journal on warm parchment
- Dub — Link's matte rice paper control panel
- Seline Analytics — A quiet analytical table on warm paper
- Notion — A warm paper notebook in the midday sun
- Calendly — Dark blue ink on cold marble
- Augen Pro — Apple's white presentation features a clinical, weightless, electric blue as the sole accent in a monochrome space.
- Antimetal — An editorial chronicle on cream paper—a quiet morning at a scientific journal, where restraint conveys confidence and serifs do the heavy lifting
- Perk — Electric lime on warm parchment paper
- Ditto — A sunlit workshop creating wildflower samples. Warm cream surfaces, a vibrant yellow base color, deep navy blue inks, organic color forms blooming behind the piece.
- Officevibe — An editorial magazine on warm cream-colored paper. Imagine a thoughtful essay on HR management, presented as a product—a cursive serif font whispering through a modern blue interface.