Warp 是「自動化開發的開放平台」，把智慧代理帶入整個軟體開發生命週期。其終端介面刻意溫暖：背景是帶暖灰底調的土系近黑，文字用羊皮紙白（#faf9f6）而非純白，Matter 字型幾何卻親和、避開典型開發者工具的冷感，自然攝影與產品截圖交替出現，整體近乎單色的暖灰系統，取消了一切亮色強調。適合開發者工具與終端產品。
Warp開發者工具
提示詞範本
基礎範本
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 程式設計工具使用。