An unofficial, original Anthropic-inspired interface study with 10 focused specimens supported by the live product and content experience.
Foundations
A public overview of the typography, palette, icon language, spacing, shape, and motion used throughout this AI Kit.
Style identity
A calm editorial AI language: warm paper, near-black ink panels, a measured sans/serif pairing, generous margins, and information architecture that makes safety, research, and releases easy to follow.
warm editorial light with high-contrast dark panels and explicit dark mode themeTypography
Anthropic Sans
navigation, body copy, labels, cards, and interface controls
Anthropic Sans, Arial, sans-serifFallback: Arial, ui-sans-serif, system-ui, sans-serif
Anthropic Serif
editorial hero statements, long-form explanatory copy, and quiet emphasis
Anthropic Serif, Georgia, serifFallback: Georgia, Times New Roman, serif
Anthropic Mono
dates, categories, release metadata, and research identifiers
Anthropic Mono, SFMono-Regular, Consolas, monospaceFallback: SFMono-Regular, Menlo, Consolas, monospace
Palette
Warm paper
#f5f1ealight editorial canvas
Soft paper
#fbfaf7release cards and elevated reading surfaces
Ink
#1b1916primary editorial text
Ink panel
#161412hard-questions feature panel and dark canvas
Raised dark
#2c2721dark card and hover surface
Warm rule
#d9d1c4editorial dividers
Terracotta
#d9825bprimary action and emphasis
Sage
#6c997fresearch/safety secondary signal
Success
#69a47fhealthy or complete state
Warning
#d3a14battention state
Danger
#c85d5drisk/error state
Type scale
| Role | Size | Weight | Line height | Tracking |
|---|---|---|---|---|
| Editorial hero | 72px | 500 | 0.96 | -0.055em |
| Hero mobile | 40px | 500 | 1.0 | -0.04em |
| Section | 46px | 500 | 1.02 | -0.045em |
| Release title | 20px | 600 | 1.2 | -0.02em |
| Body | 17px | 400 | 1.58 | 0 |
| Category | 11px | 700 | 1.35 | 0.06em |
| Date | 12px | 500 | 1.4 | 0.02em |
Spacing & shape
Iconography
Prefer text links and compact arrows over decorative icons; use original symbols for disclosure and status, never the source company’s mark.
System metrics
Radius
Spacing
Motion
Elevation
editorial card
1px rule; no shadowdark panel
0 18px 48px rgba(27,25,22,.16)menu
0 18px 56px rgba(27,25,22,.22)focus
0 0 0 3px rgba(217,130,91,.28)Surfaces & shape
paper
#f5f1eapage canvas
soft paper
#fbfaf7release cards
ink panel
#161412hard-question feature
dark surface
#211d19dark card
warm rule
#d9d1c4structural divider
terracotta action
#d9825bprimary link and button
Guidelines
Imagery
Use original research diagrams, quiet geometric cards, editorial crops, and abstract safety signals. Avoid source logos, live release artwork, portraits, customer marks, and proprietary campaign assets.
Layout
Use an asymmetrical editorial hero with a broad display column and narrower explanation column. Keep hard-question content as a full-bleed dark panel, then step releases into a balanced card grid that becomes a single reading column on mobile.
Concept
Use the file tree to move between the full reference preview, implementation guidance, portable tokens, and framework-ready styles. Each surface stays focused, so you can understand the system before copying code.
Assigned collection
10 published components in collection order
Components
Production-ready specimens from this AI Kit's approved collection.
More like this
An unofficial, original Postman-inspired interface study with 14 focused specimens supported by the live product and content experience.
An unofficial, original v0-inspired Prompt Workshop system grounded in 17 retained, evidence-backed interface patterns.
13 focused, original elements for Borderless Ledger; categories are retained only when supported by the live reference. Published flags remain disabled.
A high-contrast studio language for a platform that moves between creative production, developer workflows, robotics, research, and enterprise. The system uses a dark stage, warm action color, and compact cross-platform wayfinding without copying Runway's wordmark, content, or media. Responsive previews and 8 evidence-backed interface elements.
An original, unofficial Observable-inspired system for reactive notebooks, executable explanations, and data visualization surfaces. It retains only 11 focused elements supported by Observable's live notebook and chart workflows.
A friendly builder language for moving from prompt to app: vivid purple/green accents, a prominent idea field, artifact type selection, parallel execution, built-in infrastructure, team plans, agent chat, and a clear publish handoff. It is an original study without Replit's logo, pixel font, testimonials, screenshots, or protected copy. Responsive previews and 14 evidence-backed interface elements.