Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Moniepoint
FintechMoniepoint creates a bold fintech presence through midnight navy depths punctuated by vibrant circular photography cutouts and clean geometric shapes. The brand balances African warmth with institutional trust through confident Aventa Bold headlines and generous whitespace that feels both aspirational and approachable.
Design Identity
Signature Color
Midnight Navy
#1a237e
Deep institutional trust with African sophistication - serious enough for banking, warm enough for community
Visual Identity
Circular photography cutouts floating against deep navy backgrounds with bright geometric accent shapes - creates a distinctive collage-like composition that humanizes financial services
Component Style
Soft rounded corners (32px radius) with clean fills and no harsh borders - buttons and cards feel approachable yet substantial, like smooth river stones rather than sharp corporate edges
Spacing Philosophy
Generous breathing room with large gaps between hero sections and navigation, but intimate spacing within content blocks - creates hierarchy through proximity rather than visual weight
Design Principles
- Border radius consistently 32px for soft, approachable feel
- Headlines use Aventa Bold at large scales (56px H1, 45px H2) for confident presence
- Body text stays at 16px Inter for readability across devices
- Circular photo cutouts always paired with geometric accent shapes
- Deep navy backgrounds balanced with bright, warm photography
Target Audience
African business owners and entrepreneurs who want sophisticated financial tools but value human connection over sterile corporate banking
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 | 10px | 400 | 10px | |
| h1 | 56px | 400 | 62.72px | |
| h2 | 45.5px | 400 | 59.15px | |
| h3 | 28px | 400 | 39.2px | |
| h6 | 16px | 600 | 24.96px | |
| p | 16px | 500 | 24.96px | |
| a | 10px | 400 | 10px | |
| button | 16px | 500 | 22.4px | |
| nav | 10px | 400 | 10px | |
| header | 10px | 400 | 10px |
Color Palette
No colors extracted
