Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Intercom
CXIntercom's brand aesthetic revolves around dot-matrix world maps rendered in pale blue, creating a technical yet approachable global connectivity visualization. The sparse, constellation-like dot pattern against white space evokes precision mapping and international reach with a distinctly digital, almost retro-computing feel.
Design Identity
Signature Color
Intercom Pale Blue
#B8D4E3
Global connectivity and approachable technology - not the aggressive blue of enterprise software, but the gentle blue of human-centered communication
Visual Identity
Dot-matrix world maps with varying density patterns - the signature sparse dotted visualization of global landmasses that immediately signals international communication platform
Component Style
Minimal dot-based graphics with mathematical precision - no buttons or UI elements visible, just pure data visualization with clean geometric dot patterns that feel both technical and organic
Spacing Philosophy
Vast negative space with concentrated dot clusters - the world map floats in an ocean of whitespace, creating breathing room while dense dot clusters represent populated areas
Design Principles
- Dot density varies by geographic importance
- Pale blue (#B8D4E3) as primary visualization color
- Times font family for serious, editorial credibility
- Mathematical dot spacing creates organic continental shapes
- Whitespace dominates composition for clarity
Target Audience
Global customer support teams and product managers who need sophisticated yet human-centered communication tools
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 400 | normal | |
| h1 | 32px | 700 | normal | |
| h2 | 24px | 700 | normal | |
| h3 | 18.72px | 700 | normal | |
| h4 | 13.3333px | 700 | normal | |
| p | 16px | 400 | normal | |
| a | 16px | 400 | normal | |
| button | 13.3333px | 400 | normal | |
| nav | 16px | 400 | normal | |
| header | 16px | 400 | normal |
Color Palette
No colors extracted
