mdshop
Back to designs
A

Design System inspired by Anthropic

AI safety. Clean scientific aesthetic, warm neutrals, research-focused.

Usage
npx getdesign@latest add anthropic

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
15
Bookmarked
0
Not an official Anthropic design system. A curated starting point for building Anthropic-like UIs with your AI coding agent.

AI safety. Clean scientific aesthetic, warm neutrals, research-focused.

Preview
anthropic.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF ANTHROPIC

AI safety. Clean scientific aesthetic, warm neutrals, research-focused.

Explore the systemView tokens

Color Palette

AI safety. Clean scientific aesthetic, warm neutrals, research-focused.

Primary
Terracotta
#c96442
Brand color
Parchment
#f5f4ed
Brand color
Near Black
#141413
Brand color
Olive Gray
#5e5d59
Brand color
Warm Silver
#b0aea5
Brand color
Ivory
#faf9f5
Brand color
Border
#f0eee6
Brand color
Dark
#30302e
Brand color

Typography

A type system inspired by Anthropic.

Anthropic Serif
Anthropic Serif, Anthropic Serif
Anthropic Sans
Anthropic Sans, Anthropic Serif
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by Anthropic.

Not detected on this URL

Components

Other component primitives mapped from the Anthropic spec.

Not detected on this URL