Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Wise
FintechWise uses an electric lime-green backdrop that radiates optimism and speed, paired with bold, condensed 'Wise Sans' headlines that feel urgent yet trustworthy. The design balances playful energy with serious financial messaging through heavy typography weights and generous rounded corners that soften the intensity.
Design Identity
Signature Color
Wise Lime
#9fe870
Fast money movement and fresh financial freedom - energetic without being risky
Visual Identity
The all-caps, ultra-condensed headline typography with extreme font weights (900) creates an unmistakable voice that screams urgency and reliability simultaneously, unlike typical fintech's minimal approach.
Component Style
Buttons use generous 24px+ border radius with soft, rounded edges throughout. The primary CTA has a darker forest green (#37633c estimated) that grounds the bright lime background. Cards and components feel pillowy with substantial padding and no harsh shadows.
Spacing Philosophy
Generous 40-56px gaps between major sections create breathing room around the intense typography, while components use comfortable 24-32px internal padding. The layout feels spacious despite the bold visual weight.
Design Principles
- Headlines always use 900 font weight with tight line-height for impact
- Border radius minimum 10px, buttons get 24px+ for friendliness
- Lime green dominates backgrounds, darker greens anchor interactive elements
- Typography scale jumps dramatically - body at 18px, headlines at 40px+
- No harsh shadows - soft 16px blur with low opacity when needed
Target Audience
International workers and immigrants who need fast, reliable money transfers and are tired of traditional banking complexity
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 | 26px | |
| h1 | 89.1856px | 900 | 75.8078px | |
| h2 | 58.5486px | 900 | 49.7663px | |
| h3 | 40px | 400 | 34px | |
| h4 | 24.637px | 600 | 32px | |
| p | 40px | 900 | 34px | |
| a | 20px | 600 | 32px | |
| button | 18px | 400 | 26px | |
| input | 52px | 400 | 78px | |
| nav | 18px | 400 | 26px |
Color Palette
#0e0f0c#454745#6a6c6a#0097c7#0084b3#0077a5#008026#006d13#006002#cf2929#b80419#a7000d
