Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Aave
Web3Aave's brand exudes sophisticated fintech confidence through ethereal gradients and weightless UI elements that feel like floating in digital space. The custom 'Aave Repro' typeface creates institutional authority while purple-blue gradients suggest innovation and trust in decentralized finance.
Design Identity
Signature Color
Aave Purple
#8B5CF6
DeFi innovation and crypto-native sophistication
Visual Identity
Layered phone mockups with dreamy gradient overlays creating depth and dimensionality - immediately recognizable even without the logo through this signature multi-device floating composition.
Component Style
Soft, pillowy buttons with generous border radius (24px+) and subtle gradients. Everything feels weightless and cloud-like, with smooth edges and ethereal transparency effects rather than hard borders or shadows.
Spacing Philosophy
Expansive breathing room with hero sections spanning full viewport height, creating a sense of limitless digital space. Generous 80px+ gaps between major sections while UI elements float with intentional isolation.
Design Principles
- Border radius always exceeds 20px for pill-like softness
- Gradients are the primary visual language over solid colors
- Typography uses only medium weights (500) for headings, never bold
- Transitions are deliberately slow (750ms-1800ms) for dreamlike motion
- Layered depth through multiple device mockups, never single flat screens
Target Audience
Crypto-savvy millennials and Gen-Z who view DeFi as the future of finance and expect apps that feel as innovative as the technology itself
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 | normal | |
| h1 | 72px | 500 | 79.2px | |
| h2 | 16px | 500 | 16.8px | |
| h3 | 16px | 500 | 16.8px | |
| p | 14px | 400 | 21px | |
| a | 14px | 400 | 21px | |
| button | 14px | 500 | 18px | |
| input | 16px | 400 | 24px | |
| nav | 16px | 400 | normal | |
| header | 16px | 400 | normal |
Color Palette
No colors extracted
