Back to Library
I

Intercom

Intercom

Visit Website

Customer messaging. Friendly blue palette, conversational UI patterns.

友好蓝色对话式UI消息气泡客户支持

Color Palette

primary
background
surface
text
muted
border

Typography

Heading FontInter, system-ui, sans-serif
Body FontInter, system-ui, sans-serif
Base Size16px
Line Height1.5
Weights400, 500, 600, 700

Heading Scale

h1Intercom Heading
h2Intercom Heading
h3Intercom Heading
h4Intercom Heading

DESIGN.md

# Intercom Design System

## Visual Theme & Atmosphere
Friendly, approachable, blue. Primary blue conveys trust and communication.

## Agent Prompt Guide
Friendly blue palette. Chat bubble and conversation patterns.

Related Design Systems

A
Airtable
Airtable
Similar productivity tool design system
N
Notion
Notion Labs
Similar productivity tool design system
R
Raycast
Raycast
Similar productivity tool design system
L
Linear
Linear
Similar productivity tool design system

Frequently Asked Questions

What is Intercom's design style?

Customer messaging. Friendly blue palette, conversational UI patterns.

What is Intercom's primary color?

Intercom uses #1F8DED as primary color, #FFFFFF for background, and #1D1D1F for text.

What fonts does Intercom use?

Heading font: Inter, system-ui, sans-serif. Body font: Inter, system-ui, sans-serif. Base size: 16px.

How to use Intercom design system in my project?

Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Intercom's style.

Explore More Design Systems

Discover 50+ curated design systems for your AI Coding projects.

View All Design Systems