Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Wealthfront
NeobankWealthfront embodies financial sophistication through a dramatic deep purple gradient that evokes premium nighttime banking and wealth-building during sleep. The bold Calibre typography paired with the cosmic purple backdrop creates a sense of automated prosperity and effortless wealth accumulation.
Design Identity
Signature Color
Cosmic Wealth Purple
#4C2A85
premium automated investing that works while you sleep, sophisticated fintech for the affluent
Visual Identity
The dramatic purple-to-black gradient background combined with oversized white typography and floating mobile interface mockups creates an unmistakable 'wealth in the digital cosmos' aesthetic.
Component Style
Rounded rectangular buttons with medium border radius (8-12px), clean edges without heavy shadows, white text on solid colored backgrounds. Components feel substantial but not heavy, with generous padding that suggests premium positioning.
Spacing Philosophy
Generous vertical spacing with large 64px+ gaps between major sections, creating a sense of luxury and breathing room. Dense information clustering within components to maximize screen real estate while maintaining premium feel.
Design Principles
- Typography size jumps dramatically from 18px body to 62px headlines with no middle sizes
- Border radius stays consistent at 8-12px across all interactive elements
- White text always used on colored backgrounds for maximum contrast
- Mobile-first layout with prominent device mockups as proof of concept
- Calibre font family used exclusively across all text elements
Target Audience
High-income millennials and Gen-X professionals who want sophisticated automated investing without active management effort
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 | 27px | |
| h1 | 62px | 700 | 55.8px | |
| h2 | 62px | 700 | 55.8px | |
| h3 | 20px | 600 | 18px | |
| h4 | 24px | 600 | 24px | |
| p | 18px | 500 | 21.6px | |
| a | 18px | 500 | 21.6px | |
| button | 18px | 400 | 27px | |
| nav | 18px | 400 | 27px | |
| footer | 18px | 400 | 27px |
Color Palette
#007aff#3b82f6#ffffff#18172b
