Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Talkwalker projects data-driven authority through its distinctive nocturn-deep navy that conveys enterprise trust, while vibrant accent colors suggest actionable insights. The rounded-corner aesthetic with generous whitespace creates an approachable yet sophisticated monitoring platform that transforms complex social data into digestible visual stories.

Signature Color
Talkwalker Nocturn
#012b3a
Deep analytical intelligence and enterprise-grade monitoring reliability
The distinctive dashboard-style data visualization panels with colorful progress bars, social media icons clustered in circular arrangements, and the characteristic mix of charts, maps, and sentiment metrics create an instantly recognizable 'command center' aesthetic.
Soft rounded corners (approximately 8-12px radius) with subtle drop shadows create floating card effects. Buttons have pillowy feel with generous padding, while data visualization elements use clean geometric shapes with vibrant accent colors against neutral backgrounds.
Generous 40-60px gaps between major sections create breathing room for complex data, while dashboard elements use tighter 16-24px spacing to maintain information density without overwhelming users.
Marketing directors and brand managers at enterprise companies who need to transform social listening data into executive-ready insights and competitive intelligence
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 16px | 500 | 25.6px | |
| h1 | 48px | 700 | 55.2px | |
| h2 | 36px | 700 | 41.4px | |
| h3 | 28px | 700 | 32.2px | |
| p | 16px | 500 | 25.6px | |
| a | 16px | 700 | 25.6px | |
| button | 14px | 600 | 21px | |
| input | 13.3333px | 400 | normal | |
| nav | 16px | 500 | 25.6px | |
| header | 16px | 500 | 25.6px |
#d9dfe1#ffffff#012b3a#e03035#ffedec#f7f9f9#f2f4f5#bfcace#80959c#687f87#41606b#7600b8