Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Freshworks
SaaSFreshworks embraces a vibrant electric gradient aesthetic that transitions from cobalt blue to vivid purple, creating an energetic tech-forward atmosphere. The bold Roboto typography at 60px headlines commands attention while the dreamy pastel background gradient from mint to lavender suggests innovation without intimidation.
Design Identity
Signature Color
Freshworks Purple
#8A2BE2
AI-powered innovation and enterprise transformation
Visual Identity
The distinctive blue-to-purple gradient text treatment on oversized headlines creates an unmistakable electric energy signature, especially when paired with soft pastel background gradients.
Component Style
Buttons feature generous rounded corners (approximately 8px radius) with solid fills and no visible borders or shadows. The primary CTA uses the signature purple gradient while secondary actions maintain clean outline treatments with ample padding for a premium feel.
Spacing Philosophy
Expansive breathing room with approximately 80px+ vertical gaps between major sections creates a sense of premium enterprise software, while component internal spacing uses comfortable 16px padding for approachability.
Design Principles
- Headlines use gradient text effects from blue (#4169E1) to purple (#8A2BE2)
- Body text maintains 18px base size with 28px line height for readability
- Button corners use consistent 8px border radius
- Background gradients always flow from cool to warm tones
- Typography weight never goes below 400 for body text, 700 for emphasis
Target Audience
Enterprise IT decision-makers and customer service leaders who want powerful software that doesn't require technical complexity to implement
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 | 18px | 400 | 28px | |
| h1 | 60px | 700 | 72px | |
| h2 | 36px | 700 | 43.2px | |
| h3 | 24px | 700 | 31.92px | |
| p | 16px | 400 | 24px | |
| a | 18px | 700 | 24px | |
| button | 18px | 700 | 28px | |
| input | 16px | 400 | 24px | |
| nav | 18px | 400 | 28px | |
| header | 18px | 400 | 28px |
Color Palette
No colors extracted
