Intercom

Difficulty:
Company
intercom

Effect Preview

Style Description

Customer messaging platform. Friendly blue tones, conversational UI

Tags

IntercomSaaS

Prompt Template

Base Template
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.

Variant Prompts

📱 Mobile
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.
📊 Dashboard
Design a dashboard with Intercom design language. Use Intercom color identity with #ff5600 accents. Data-rich, organized, clear hierarchy.
📄 Landing Page
Design a landing page with Intercom visual identity. Use Intercom color identity with #ff5600 accents. Compelling, conversion-focused.

Usage Examples

Intercom App

Web App
Build a web app with Intercom design language and #ff5600 color system.

Intercom Dashboard

Dashboard
Create a dashboard using Intercom style with data visualization and Saans typography.

✅ Best For

  • SaaS
  • Brand-consistent interfaces
  • Modern web applications

✅ Avoid For

  • Unrelated design aesthetics
  • Different brand guidelines