Home
DESIGN.mdStar on GitHub
Copied!

The only helpdesk designed for the AI Agent era

Intercom is the only helpdesk with a natively integrated AI Agent, Fin — so every customer conversation improves.

Colors
Primary
Black
#000000
Lead, buttons
Warm Cream
#F4F3EC
Paper / page
Electric Blue
#000CE1
Messenger, links
Orange
#FF5600
Accent, highlights
Accent & Semantic
Blue Deep
#0007CB
Hover
Green
#00A544
Online, resolved
Red
#E40014
Urgent, error
Gray
#626260
Secondary text
Surfaces — Light (warm)
Page
#F4F3EC
Warm cream
Sunken
#FAF9F6
Panels
Card
#FFFFFF
Cards, Messenger
Border
#E3E2DF
Dividers
Surfaces — Dark (warm near-black)
Page
#111111
Dark background
Surface
#1A1A19
Panels
Elevated
#242422
Cards
Border
#2E2E2C
Dividers
Typography — Inter ≈ MediumLL · JetBrains Mono
h1
Conversations, resolved
40px700Inter
h2
Meet Fin, the AI Agent
27px700lh 1.1
h3
Inbox & Help Center
20px600lh 1.3
body
Fin resolves customer questions instantly, pulling answers from your help center and past conversations.
15px400lh 1.6
mono
Intercom('boot', { app_id: 'abc123' })
13pxJetBrains Mono
Signature — Messenger
Messenger
Fin
AI Agent · replies instantly
Hi! I'm Fin, Intercom's AI Agent. How can I help you today?
Components
Buttons
Search
Status
Online Fin AI Priority Snoozed
Quick Replies
Guardrails
DO
Lead with black and warm cream paper; use blue/orange as accents
Use electric blue #000CE1 for the Messenger, interactive state, links
Keep the Messenger human — Fin branding, quick replies, typing dots
Use Inter for interface text; reserve MediumLL for display
Set IDs and metadata in the mono stack
DON'T
Don't use the pre-rebrand sky blue #1F8EFA — current accent is #000CE1
Don't cool the cream to plain white — the warmth is the identity
Don't invent navy dark surfaces; step within warm near-black
Don't overuse orange — it's a highlight, not a surface
Don't strip Fin's identity from the Messenger