Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
DocuSign
Legal TechDocuSign's brand exudes professional confidence through a commanding purple-to-violet gradient backdrop that feels both premium and approachable. The ultra-light 300-weight typography at massive 80px scale creates an airy, sophisticated presence that whispers authority rather than shouting it.
Design Identity
Signature Color
DocuSign Violet
#6C47FF
trusted digital transformation - the bridge between traditional business formality and modern tech innovation
Visual Identity
The dramatic purple gradient background covering the entire hero section - it's unmistakably DocuSign's digital signature, creating an immersive brand environment rather than just using color as accent.
Component Style
Softly rounded corners with subtle shadows on white components that float against the gradient. Buttons feel substantial with generous padding but maintain approachability through moderate 6-8px border radius. Everything has breathing room with gentle, confidence-inspiring weight.
Spacing Philosophy
Generous vertical rhythm with the hero taking up massive real estate, creating a sense of digital luxury. Components have ample internal padding that makes interactions feel comfortable and unrushed - perfect for important document workflows.
Design Principles
- Typography uses extreme light weights (300) at large scales for elegance
- Purple gradient backgrounds dominate hero sections
- White components float on colored backgrounds with subtle shadows
- Button text stays small (12px) while padding creates substantial clickable areas
- Input fields use larger 18px text for readability during document signing
Target Audience
Business professionals and legal teams who need digital signing solutions that feel as trustworthy and formal as traditional paper processes
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 | 80px | 300 | 86.4px | |
| h2 | 40px | 400 | 48px | |
| h3 | 30px | 400 | 36px | |
| p | 14px | 400 | 21px | |
| a | 16px | 500 | 24px | |
| button | 12px | 500 | 18px | |
| input | 18px | 400 | 27px | |
| nav | 16px | 400 | normal | |
| footer | 14px | 400 | 21px |
Color Palette
No colors extracted
