Claude is Anthropic's AI assistant. Its style replaces screen white with warm parchment (#f5f4ed), marks the brand with terracotta (#c96442), and uses the Anthropic family — serif headlines, sans UI, mono code — over exclusively warm neutrals, with editorial illustrations in place of tech icons.
AIMinimal
Prompt Template
Base Template
Design a Claude-inspired interface. - Warm parchment canvas (#f5f4ed) evoking premium paper, not screens; - Custom Anthropic type family: Serif for headlines, Sans for UI, Mono for code; - Terracotta brand accent (#c96442) — warm, earthy, deliberately un-tech; - Exclusively warm-toned neutrals — every gray has a yellow-brown undertone; - Organic, editorial illustrations replacing typical tech iconography. Colors: #141413, #c96442, #d97757, #b53333 with #c96442 accent.
Variant Prompts
📱 Mobile
Design a mobile app with Claude aesthetics. Use Claude color identity with #c96442 accents. Clean, touch-friendly, native feel.
💻 Web
Design a web application with Claude style. Use Claude color identity with #c96442 accents. Professional, responsive layout.
📊 Dashboard
Design a dashboard with Claude design language. Use Claude color identity with #c96442 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Claude visual identity. Use Claude color identity with #c96442 accents. Compelling, conversion-focused.
Usage Examples
Claude App
WebBuild a web app with Claude design language and #c96442 color system.
Claude Dashboard
DashboardCreate a dashboard using Claude style with data visualization and modern typography.
✅ Best For
- AI
- AI assistant conversational UIs
- Reading-first product storytelling
❌ Avoid For
- Neon esports-style interfaces
- Data-dense trading terminals
DESIGN.md File
A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.