Intercom 是原生集成 AI 客服 Fin 的客户服务系统，让每一次对话都让下一次体验更好。其风格以暖调米白（#faf9f6）配燕麦色描边（#dedbd6）营造亲和力，Saans 字体在 80px 展示标题上使用 -2.4px 的极端负字距和 1.00 行高，Fin 橙（#ff5600）是唯一品牌强调色，按钮近乎直角（4px 圆角），悬停放大 1.1 倍、按下缩至 0.85 形成实体手感。适合客服与对话式产品。
效率与 SaaS现代极简
提示词模板
基础模板
Design a Intercom-inspired interface. - Warm off-white canvas (#faf9f6) with oat-toned borders (#dedbd6); - Saans font with extreme negative tracking (-2.4px at 80px) and 1.00 line-height; - Fin Orange (#ff5600) as singular brand accent; - Sharp 4px border-radius — near-rectangular buttons and elements; - Scale(1.1) hover with scale(0.85) active — physical button interaction. Colors: #111111, #ffffff, #faf9f6, #ff5600 with #ff5600 accent. Typography: Saans.
变体提示词
📱 移动端
Design a mobile app with Intercom aesthetics. Use Intercom color identity with #ff5600 accents. Clean, touch-friendly, native feel.
💻 Web端
Design a web application with Intercom style. Use Intercom color identity with #ff5600 accents. Professional, responsive layout.
📊 仪表板
Design a dashboard with Intercom design language. Use Intercom color identity with #ff5600 accents. Data-rich, organized, clear hierarchy.
📄 落地页
Design a landing page with Intercom visual identity. Use Intercom color identity with #ff5600 accents. Compelling, conversion-focused.
使用示例
Intercom 应用
Web 端Build a web app with Intercom design language and #ff5600 color system.
Intercom 仪表板
仪表板Create a dashboard using Intercom style with data visualization and Saans typography.
✅ 适合场景
- SaaS 产品
- 客服与消息类产品
- 对话式 SaaS 界面
❌ 不适合场景
- 深色科幻风格界面
- 粗野主义反设计页
DESIGN.md 文件
符合 design.md 开放格式的设计系统描述，可复制或下载后交给 AI 编程工具使用。