Zapier 是連結 9,000+ 應用、自動化 AI 工作流程與智慧代理的編排平台。其介面用暖奶油色（#fffefb）取代純白營造紙感，內文是帶紅調的近黑（#201515）以「呼吸而非壓迫」；Degular Display 以 0.90 行高壓出衝擊力主視覺標題，Inter 承擔全部功能介面，GT Alpina 細襯線只在編輯式點綴處出現，品牌橙（#ff4f00）點燃自動化主題。適合效率工具與友善插畫風產品。
Zapier效率與 SaaS
提示詞範本
基礎範本
Design a Zapier-inspired interface. - Warm cream canvas (#fffefb) instead of pure white -- organic, paper-like warmth; - Near-black with reddish undertone (#201515) -- text that breathes rather than dominates; - Degular Display for hero headlines at 0.90 line-height -- compressed, impactful, modern; - Inter as the universal UI font across all functional typography; - GT Alpina for editorial accents -- thin-weight serif with extreme negative tracking. Colors: #201515, #fffefb, #fffdf9, #ff4f00 with #201515 accent. Typography: Inter.
變體提示詞
📱 行動裝置
Design a mobile app with Zapier aesthetics. Use Zapier color identity with #201515 accents. Clean, touch-friendly, native feel.
💻 Web 端
Design a web application with Zapier style. Use Zapier color identity with #201515 accents. Professional, responsive layout.
📊 儀表板
Design a dashboard with Zapier design language. Use Zapier color identity with #201515 accents. Data-rich, organized, clear hierarchy.
📄 到達頁
Design a landing page with Zapier visual identity. Use Zapier color identity with #201515 accents. Compelling, conversion-focused.
使用範例
Zapier 應用程式
Web 端Build a web app with Zapier design language and #201515 color system.
Zapier 儀表板
儀表板Create a dashboard using Zapier style with data visualization and Inter typography.
✅ 適用情境
- SaaS 產品
- 自動化與整合平台
- 面向非技術使用者的效率工具
❌ 不適用情境
- 嚴肅的金融合規頁面
- 暗黑科幻風格介面
DESIGN.md 檔案
符合 design.md 開放格式的設計系統描述，可複製或下載後交給 AI 程式設計工具使用。