Warp 是「自动化开发的开放平台」，把智能体带入整个软件开发生命周期。其终端界面刻意温暖：背景是带暖灰底调的土系近黑，文字用羊皮纸白（#faf9f6）而非纯白，Matter 字体几何却亲和、避开典型开发者工具的冷感，自然摄影与产品截图交替出现，整体近乎单色的暖灰系统，取消了一切亮色强调。适合开发者工具与终端产品。
开发者工具大胆表现
提示词模板
基础模板
Design a Warp-inspired interface. - Warm dark background — not cold black, but earthy near-black with warm gray undertones; - Warm Parchment (#faf9f6) text instead of pure white — subtle cream warmth; - Matter font family (Regular weight) — geometric but approachable, not the typical developer-tool typeface; - Nature photography interleaved with product screenshots — lifestyle meets developer tool; - Almost monochromatic warm gray palette — no bold accent colors. Colors: #faf9f6, #353534, #868584, #afaeac.
变体提示词
📱 移动端
Design a mobile app with Warp aesthetics. Use Warp color identity with #faf9f6 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Warp style. Use Warp color identity with #faf9f6 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Warp design language. Use Warp color identity with #faf9f6 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Warp visual identity. Use Warp color identity with #faf9f6 accents. Compelling, conversion-focused.
使用示例
Warp 应用
Web 端Build a web app with Warp design language and brand color system.
Warp 仪表板
仪表板Create a dashboard using Warp style with data visualization and modern typography.
✅ 适合场景
- 开发者工具
- 终端与命令行工具
- 开发者效率工具官网
❌ 不适合场景
- 面向大众的电商零售
- 明亮活泼的教育产品
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。