Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Webex
CommunicationWebex employs a sophisticated nocturnal aesthetic with stark white typography against deep black backgrounds, creating an almost cinematic tech noir atmosphere. The brand balances enterprise authority through massive 60px headlines with approachable simplicity via generous whitespace and pill-shaped interactive elements.
Design Identity
Signature Color
Webex Blue
#007aff
Enterprise reliability with consumer accessibility - the iOS system blue that signals trust and familiarity
Visual Identity
High-contrast black backgrounds with oversized white typography and blue accent highlights - immediately recognizable by its dramatic monochromatic foundation punctuated by strategic color.
Component Style
Soft, approachable pill-shaped buttons with generous 24px border radius contrast against the stark background. Components feel substantial with thick padding and clear hierarchical weight differences - nothing feels delicate or minimal.
Spacing Philosophy
Luxurious breathing room with massive gaps between sections creates a premium, uncluttered experience. Internal component padding is generous, giving every element substantial presence rather than cramped efficiency.
Design Principles
- Typography scales dramatically: 60px headlines down to 12px links with no middle ground
- Border radius consistently 24px+ for all interactive elements creating pill aesthetics
- High contrast only: pure white text on black backgrounds, no grays
- CiscoSansTT font family used universally across all elements
- Blue accent (#007aff) used sparingly for maximum impact
Target Audience
Enterprise decision-makers who expect premium experiences but need approachable technology - CXOs and IT leaders who value both sophistication and usability
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 | 14px | 400 | 19.6px | |
| h2 | 60px | 700 | 60px | |
| h3 | 48px | 500 | 50px | |
| p | 15px | 500 | 20px | |
| a | 12px | 500 | 15.96px | |
| button | 49px | 400 | 98px | |
| header | 14px | 400 | 19.6px | |
| footer | 14px | 400 | 19.6px | |
| body | 14px | 400 | 19.6px | |
| h2 | 60px | 700 | 60px |
Color Palette
#007aff
