Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Fiverr
MarketplaceFiverr embraces a cinematic, storytelling aesthetic with dramatic dark overlays and confident ultra-light typography. The Macan font at 280 weight creates an almost ethereal, whisper-thin presence that speaks to creative sophistication and freelance artistry.
Design Identity
Signature Color
Fiverr Green
#1DBF73
Creative opportunity and gig economy prosperity - the color of making money from your talents
Visual Identity
Ultra-thin typography (280 font weight) paired with dramatic dark video overlays creates a Netflix-like cinematic experience that's instantly recognizable in the freelance space.
Component Style
Clean, minimal components with subtle rounded corners and no heavy shadows. Everything feels lightweight and approachable, matching the gig economy's accessible nature. Buttons and inputs maintain simplicity with gentle curves.
Spacing Philosophy
Generous whitespace creates breathing room for creative thinking, with dramatic full-screen video backgrounds that immerse users in a storytelling experience rather than cramped marketplace browsing.
Design Principles
- Typography weight never exceeds 700, with hero text at ultra-light 280
- Dark overlays on all hero imagery create consistent readability
- Macan font family used exclusively across all elements
- 16px base font size with 24px line height for optimal readability
- Cinematic full-width video backgrounds tell stories, not just show products
Target Audience
Creative freelancers and entrepreneurs who see themselves as storytellers and artists, not just service providers
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 | 24px | |
| h1 | 72px | 280 | 86.4px | |
| h2 | 48px | 400 | 50.4px | |
| h3 | 18px | 700 | 28px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
No colors extracted
