Intercom 是原生整合 AI 客服 Fin 的客戶服務系統，讓每一次對話都讓下一次體驗更好。其風格以暖調米白（#faf9f6）配燕麥色描邊（#dedbd6）營造親和力，Saans 字型在 80px 展示標題上使用 -2.4px 的極端負字距和 1.00 行高，Fin 橙（#ff5600）是唯一品牌強調色，按鈕近乎直角（4px 圓角），懸停放大 1.1 倍、按下縮至 0.85 形成實體手感。適合客服與對話式產品。
Intercom效率與 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 程式設計工具使用。