Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Hnry
FintechHnry creates a distinctly nocturnal fintech atmosphere with a rich purple gradient backdrop that feels both premium and approachable. The playful organic pink blob contrasting against the structured typography suggests professional tax automation that doesn't intimidate - making complex financial tasks feel human and accessible.
Design Identity
Signature Color
Hnry Purple
#5B4B8A
trustworthy fintech depth with creative approachability
Visual Identity
The organic pink blob shape floating against deep purple gradients - this asymmetrical, friendly geometric language mixed with financial precision creates an instantly recognizable aesthetic that humanizes tax automation.
Component Style
Clean white buttons with generous rounded corners (approximately 8px) float prominently without heavy shadows. Components feel light and breathable with soft edges that complement the organic blob shapes while maintaining professional clarity.
Spacing Philosophy
Asymmetrical layout with the hero content taking roughly 40% left side, leaving generous whitespace for the phone visualization. Large 60px+ gaps between major sections create breathing room, while the centered navigation maintains classic web hierarchy.
Design Principles
- Typography contrast: 60px bold headlines against 16px body text for dramatic hierarchy
- Color temperature: Cool purple backgrounds always paired with warm accent elements
- Organic geometry: Structured layouts softened with blob-like decorative elements
- Mobile-first visualization: Product always shown in phone context
- Minimal button styles: Clean backgrounds with 8px corner radius maximum
Target Audience
Solo entrepreneurs and freelancers who want sophisticated tax automation but are intimidated by traditional accounting software 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 | 16px | 400 | 24px | |
| h1 | 60px | 700 | 60px | |
| h2 | 48px | 400 | 48px | |
| h3 | 20px | 700 | 28px | |
| p | 14.4px | 400 | 21.6px | |
| a | 14.4px | 400 | 14.4px | |
| button | 16px | 400 | 24px | |
| input | 30px | 700 | 36px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px |
Color Palette
No colors extracted
