Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Jumia
E-commerceJumia projects warmth and accessibility through its distinctive orange signature color paired with clean Ubuntu typography. The design balances African warmth with international e-commerce sophistication, using generous whitespace and human-centered imagery to convey trust and community connection.
Design Identity
Signature Color
Jumia Orange
#FF6600
African warmth, energy, and accessible commerce - bridging local community with global opportunity
Visual Identity
The distinctive orange accent color combined with warm photography of real African people using technology, always balanced with generous whitespace and clean sans-serif typography
Component Style
Rounded corners with moderate radius (6-8px), solid fills without heavy shadows. Orange primary buttons feel approachable rather than aggressive, with clean edges that suggest reliability without being sterile.
Spacing Philosophy
Generous section spacing creates breathing room around hero content, while the left-aligned text layout with substantial right-side image balance suggests both efficiency and human connection.
Design Principles
- Orange is reserved for primary actions and key brand moments
- Ubuntu font family for headings maintains African connection
- Hero sections always pair concise messaging with authentic human photography
- Navigation remains minimal and unobtrusive
- Whitespace ratios favor content clarity over density
Target Audience
African entrepreneurs and consumers seeking reliable e-commerce solutions, from small business owners to urban professionals embracing digital commerce
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 | 80px | 300 | 90.4px | |
| h2 | 28px | 500 | normal | |
| h3 | 24px | 500 | 30px | |
| p | 16px | 400 | 24px | |
| a | 16px | 400 | 24px | |
| button | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#3b82f6#ffffff
