Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Talkdesk
CXTalkdesk employs a nocturnal, sophisticated aesthetic dominated by deep purples that create an immersive, premium experience. The brand balances corporate authority with accessibility through warm gradients and carefully curated whitespace.
Design Identity
Signature Color
Midnight Purple
#6B46C1
Enterprise sophistication with approachable innovation - conveying trust and premium quality in business communications
Visual Identity
The distinctive purple gradient background creates an enveloping, immersive environment that feels both premium and approachable, distinguishing it from typical stark white SaaS interfaces.
Component Style
Components feature gentle 6-8px border radius with subtle elevation through soft shadows. Cards use clean white backgrounds with generous padding, creating a floating effect against the purple backdrop.
Spacing Philosophy
Generous breathing room with the privacy modal centered in ample whitespace, using consistent 14px internal padding that creates intimate, focused interactions without feeling cramped.
Design Principles
- Border radius consistently uses 6-8px for subtle softness
- Typography hierarchy uses Gilroy for headings at 600 weight, Inter for body at 400
- Purple gradients create depth without overwhelming content
- White cards float with subtle shadows for clear content separation
- Toggle switches use brand purple for active states
Target Audience
Enterprise decision-makers and IT professionals who value sophisticated design alongside powerful functionality in their business 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 | 24px | |
| h1 | 45.9554px | 600 | 54.2273px | |
| h2 | 35.9643px | 600 | 42.4379px | |
| h3 | 14px | 400 | 20px | |
| h5 | 19.9911px | 600 | 23.5895px | |
| p | 16px | 400 | 24px | |
| a | 16px | 700 | 24px | |
| button | 14px | 600 | 20px | |
| footer | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#1fc78f#ffffff#121212#3498db#07bc0c#f1c40f#757575#616161#e0e0e0#bb86fc#00a870#ffcc00
