风格描述
客户消息平台。友好的蓝色色调，对话式 UI
标签
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 App
Web AppBuild a web app with Intercom design language and #ff5600 color system.
Intercom Dashboard
DashboardCreate a dashboard using Intercom style with data visualization and Saans typography.
✅ 适合场景
- SaaS
- Brand-consistent interfaces
- Modern web applications
✅ 不适合场景
- Unrelated design aesthetics
- Different brand guidelines