Claude 是 Anthropic 打造的 AI 助手,其母品牌是专注 AI 安全与研究的公司。该风格用暖羊皮纸底色(#f5f4ed)取代屏幕白,陶土色(#c96442)作为品牌点缀,Anthropic 字体家族以衬线管标题、无衬线管界面、等宽管代码,全部中性色带黄棕暖调,插画替代传统科技图标。适合 AI 产品与长文阅读场景。
AI 与大模型现代极简
提示词模板
基础模板
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.
变体提示词
📱 移动端
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.
📊 仪表板
Design a dashboard with Claude design language. Use Claude color identity with #c96442 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Claude visual identity. Use Claude color identity with #c96442 accents. Compelling, conversion-focused.
使用示例
Claude (Anthropic) 应用
Web 端Build a web app with Claude design language and #c96442 color system.
Claude (Anthropic) 仪表板
仪表板Create a dashboard using Claude style with data visualization and modern typography.
✅ 适合场景
- AI
- AI 助手类产品的对话界面
- 重视阅读体验的产品介绍
❌ 不适合场景
- 高饱和霓虹的电竞风格界面
- 数据密集的交易终端
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述,可复制或下载后交给 AI 编程工具使用。