Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Upwork
Job PlatformUpwork's brand identity radiates purposeful professionalism through its earthy sage-green palette that evokes growth and trust rather than typical corporate blue. The Neue Montreal typography with its distinctive 550 weight creates a confident, approachable voice that speaks to both freelancers and businesses with equal authority.
Design Identity
Signature Color
Upwork Success Green
#14a800
Freelance achievement and platform reliability - signaling completed projects and thriving careers
Visual Identity
The distinctive sage-green color gradient system (#5e6d55 to #f7faf7) creates an instantly recognizable earth-toned hierarchy that feels both professional and human-centered, unlike the harsh blues dominating most business platforms.
Component Style
Subtly rounded components with 8px maximum radius and gentle drop shadows (0 2px 7px rgba(57,73,76,0.45)) create approachable professionalism. Elements feel substantial without being heavy, using minimal shadows and relying on the green-tinted backgrounds for depth.
Spacing Philosophy
Generous 32px row gaps and 25px card padding create breathing room that suggests quality over quantity. The spacing feels considered and premium, avoiding the cramped feeling of typical job boards.
Design Principles
- Border radius never exceeds 24px, typically staying at 8px or below
- Typography uses 550 weight for all headings, creating consistent authority
- Green backgrounds create hierarchy from #5e6d55 (darkest) to #f7faf7 (lightest)
- Shadows are minimal - either none or subtle 0 2px 7px variations
- Body text maintains 500 weight at 16px for optimal readability
Target Audience
Ambitious freelancers and forward-thinking businesses who value quality partnerships over quick transactions - professionals seeking meaningful work relationships
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 | 500 | 22.8571px | |
| h1 | 72px | 550 | 74.88px | |
| h2 | 40px | 550 | 44px | |
| h4 | 24px | 550 | 26.4px | |
| h5 | 20px | 550 | 24px | |
| p | 12px | 500 | 14.4px | |
| a | 16px | 500 | 22.8571px | |
| button | 17px | 400 | 24.2857px | |
| input | 16px | 500 | 24px | |
| nav | 14px | 500 | 20px |
Color Palette
#beccbe#14a800#d9c407#9b211b#5e6d55#9aaa97#d5e0d5#e4ebe4#f2f7f2#f7faf7#ffffff#39494c
