Claude 是 Anthropic 打造的 AI 助理，其母品牌是專注 AI 安全與研究的公司。該風格用暖羊皮紙底色（#f5f4ed）取代螢幕白，陶土色（#c96442）作為品牌點綴，Anthropic 字型家族以襯線管標題、無襯線管介面、等寬管程式碼，全部中性色帶黃棕暖調，插畫替代傳統科技圖示。適合 AI 產品與長文閱讀情境。
Claude (Anthropic)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 程式設計工具使用。