Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Groww
FintechGroww creates a playful yet sophisticated fintech identity through mint-green isometric illustrations and premium typography. The Soehne typeface for headlines evokes editorial sophistication while the bright green palette feels optimistic and accessible rather than intimidating.
Design Identity
Signature Color
Groww Mint
#00D09C
approachable wealth growth - fresh, organic prosperity without traditional banking stuffiness
Visual Identity
Detailed isometric 3D city illustrations with mint-green buildings and infrastructure that visualize financial growth as a living, connected ecosystem
Component Style
Soft rounded corners with generous padding and clean fills - buttons feel pillowy and approachable with no harsh edges or heavy shadows, creating trust through friendliness
Spacing Philosophy
Generous breathing room with the hero headline floating in abundant whitespace above the detailed illustration, creating a luxury brochure feeling despite the playful colors
Design Principles
- Headlines use Soehne at massive 88px scale for editorial authority
- Body text stays at modest 14-16px in GrowwSans for readability
- Mint green dominates illustrations while maintaining white space purity
- Isometric perspective creates depth without overwhelming complexity
- Typography weight contrast: heavy 535 headlines vs light 435 body
Target Audience
Millennial professionals new to investing who want sophistication without intimidation - people who read design blogs but feel overwhelmed by traditional brokerages
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 | 435 | normal | |
| h1 | 88px | 535 | 96.8px | |
| h2 | 44px | 500 | 48.4px | |
| h3 | 16px | 535 | 22px | |
| p | 14px | 435 | 20px | |
| a | 16px | 535 | 22px | |
| button | 14px | 535 | 20px |
Color Palette
#e0f8ee#f9e0db#00b386#04ad83#ddf5ee#e15a3e#eb5b3c#44475b#ffffff
