Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Freelancer
Job PlatformFreelancer's brand radiates electric confidence through its vibrant magenta primary color against nocturnal dark backgrounds. The bold Roboto typography creates an assertive, professional tone that speaks directly to ambitious entrepreneurs and skilled professionals seeking premium opportunities.
Design Identity
Signature Color
Electric Magenta
#e60278
bold ambition and premium marketplace energy that cuts through the noise
Visual Identity
The striking contrast between vibrant magenta CTAs and deep charcoal backgrounds creates an unmistakable premium-tech aesthetic that feels like a high-end networking event at midnight.
Component Style
Soft rounded corners with subtle shadows create approachable professionalism. Buttons have gentle 4-6px radius with confident padding, while cards use the signature glow shadow (4px blur with dual-layer depth) for premium elevation without being heavy-handed.
Spacing Philosophy
Generous whitespace on dark backgrounds creates breathing room that feels premium, while compact 8-16px button padding keeps interactions crisp and efficient. The layout balances aspirational spaciousness with practical density.
Design Principles
- Border radius stays between 4-8px for approachable professionalism
- Typography uses only Roboto weights: 400 for body, 700 for headings
- Button padding follows 8px/16px rhythm for consistent touch targets
- Shadows use dual-layer system with 4px blur for subtle elevation
- Color contrast always prioritizes magenta against dark backgrounds
Target Audience
Ambitious professionals and entrepreneurs who view freelancing as premium career advancement, not side hustles - people who demand quality and are willing to pay for it.
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 | 20.8px | |
| h1 | 57px | 700 | 65.55px | |
| h2 | 57px | 700 | 65.55px | |
| h3 | 32px | 700 | 43.84px | |
| p | 16px | 700 | 23.52px | |
| a | 16px | 400 | normal | |
| button | 16px | 400 | 18.4px |
Color Palette
#589af0#fcfcfd#ffffff#bcc5d3#eaf2fd#eef0f4#12151b#d8d8d8#eeeeee#f7f7f7#3d4a5d#232a35
