Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Ualá
NeobankUalá creates a distinctly Argentine fintech identity through its vibrant sky-to-sapphire gradient backgrounds that suggest limitless financial possibilities. The Public Sans typography feels approachable yet confident, while the prominent magenta accent creates an energetic, youthful contrast against the professional blue foundation.
Design Identity
Signature Color
Ualá Magenta
#ff5c98
Financial empowerment with Latin energy - breaking traditional banking stereotypes with bold, accessible confidence
Visual Identity
The dramatic blue gradient background spanning the entire viewport, combined with the vibrant magenta top banner and the confident dual-person photography showing both card and phone interactions simultaneously.
Component Style
Soft, welcoming buttons with generous rounded corners (approximately 24px radius) and substantial padding. Clean white backgrounds with subtle shadows create floating card effects. No harsh borders - everything feels approachable and touchable rather than corporate or sterile.
Spacing Philosophy
Expansive hero sections with abundant breathing room around key messaging. The 16px base spacing creates comfortable, human-scaled rhythm throughout. Generous padding on interactive elements suggests confidence and accessibility over efficiency.
Design Principles
- Blue gradients dominate backgrounds to suggest sky-high possibilities
- Magenta accents never exceed 20% of visual weight but command attention
- Public Sans font weights jump dramatically: 400 for body, 600+ for emphasis
- Corner radius consistently generous (20px+) to maintain friendly approachability
- Hero sections occupy 60%+ of viewport height for bold first impressions
Target Audience
Young Latin American professionals and entrepreneurs seeking modern financial tools who value personal connection over corporate formality
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 | 45px | 700 | 55px | |
| h2 | 35px | 600 | 42px | |
| h3 | 25px | 600 | 32px | |
| h4 | 22px | 600 | 25px | |
| h5 | 20px | 600 | 25px | |
| p | 14px | 400 | 21px | |
| a | 14px | 600 | 21px | |
| button | 16px | 500 | 24px | |
| nav | 16px | 400 | 24px |
Color Palette
#f2efe8#b0d1ff#f9f4cc#ffffff#2ab281#e8e3ff#dee2ec#fd9426#e0edff#330500#172584#d9f4eb
