Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
MaxAB
B2BMaxAB combines industrial warehouse aesthetics with vibrant golden-yellow accents to create a B2B platform that feels both substantial and approachable. The Poppins typography establishes friendly authority while the warehouse backdrop communicates scale and operational excellence.
Design Identity
Signature Color
MaxAB Golden
#ffce32
Supply chain optimism and operational efficiency - conveying energy and reliability in B2B commerce
Visual Identity
Industrial warehouse photography as hero backgrounds combined with floating mobile interfaces and country flag navigation - immediately recognizable as a pan-African supply chain platform
Component Style
Subtle rounded corners at 3px with clean shadows, buttons use bold gradient treatments from golden yellow to deeper amber, cards have minimal borders with generous internal padding creating breathing room
Spacing Philosophy
Generous 60-80px section padding creates professional breathing room while tight 8px component padding maintains efficiency - reflecting the balance between scale and precision needed in supply chain operations
Design Principles
- Border radius stays minimal at 3px for professional feel
- Typography uses only Poppins at specific weights: 400 for body, 600 for headings
- Golden gradient buttons (#ffce32 to #edb720) are the primary CTA treatment
- Warehouse photography always serves as contextual backdrop
- Country flags use consistent sizing and horizontal layout
Target Audience
African retailers and suppliers who need industrial-scale reliability but want approachable, mobile-first experiences
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 | 18px | 400 | 30.6px | |
| h1 | 60px | 600 | 75px | |
| h2 | 46px | 600 | 57.5px | |
| h3 | 26px | 600 | 33.8px | |
| h4 | 14px | 600 | 25.48px | |
| h6 | 14px | 600 | 21px | |
| p | 18px | 400 | 30.6px | |
| a | 18px | 400 | 30.6px | |
| button | 24px | 400 | normal | |
| nav | 16px | 400 | 27.2px |
Color Palette
#007aff#3777bc#ffffff#5c6770#e2e2e2#272d3a#4d39e9#f9f9fb#4a4e57#65bc7b#7161ed#242a39
