Intercom

访问网站

Customer messaging. Friendly blue palette, conversational UI patterns.

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

配色方案

primary

background

surface

text

muted

border

字体规范

标题字体Inter, system-ui, sans-serif

正文字体Inter, system-ui, sans-serif

基础字号16px

行高1.5

字重400, 500, 600, 700

标题层级

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.

常见问题

Intercom 的设计风格是什么？

Customer messaging. Friendly blue palette, conversational UI patterns.

Intercom 使用什么主色调？

Intercom 的主色调是 #1F8DED，背景色为 #FFFFFF，文本色为 #1D1D1F。

Intercom 使用什么字体？

标题字体: Inter, system-ui, sans-serif。正文字体: Inter, system-ui, sans-serif。基础字号: 16px。

如何在项目中使用 Intercom 设计系统？

点击上方 DESIGN.md 代码块中的复制按钮，将完整设计规范复制到你的项目中。AI Coding 工具（如 Cursor）可以直接读取 DESIGN.md 来生成符合 Intercom 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统，为你的 AI Coding 项目提供设计灵感。

查看全部设计系统