Zapier 是连接 9,000+ 应用、自动化 AI 工作流与智能体的编排平台。其界面用暖奶油色（#fffefb）取代纯白营造纸感，正文是带红调的近黑（#201515）以「呼吸而非压迫」；Degular Display 以 0.90 行高压出冲击力英雄标题，Inter 承担全部功能界面，GT Alpina 细衬线只在编辑式点缀处出现，品牌橙（#ff4f00）点燃自动化主题。适合效率工具与友好插画风产品。
效率与 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 编程工具使用。