Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Rainbow
Web3Rainbow creates a playful yet premium crypto wallet experience through glossy 3D rainbow elements against dreamy sky-blue gradients. The SF Pro Rounded typography feels approachable and friendly, while the floating geometric shapes and sparkling stars evoke magic and possibility in digital finance.
Design Identity
Signature Color
Dream Sky Blue
#87CEEB
infinite possibility and crypto optimism - the color of limitless digital horizons
Visual Identity
Glossy 3D rainbow arcs floating in dreamy cloudscapes with golden sparkles - instantly recognizable as playful premium crypto branding
Component Style
Soft pill-shaped buttons with generous 24px border radius and vibrant gradient backgrounds. No harsh shadows, instead using subtle glows and 3D depth. Everything feels touchable and premium with a glass-like finish.
Spacing Philosophy
Expansive breathing room with 80px+ gaps between major elements creates a sense of floating in space. Components have generous internal padding (20px+) that makes everything feel premium and unhurried.
Design Principles
- Border radius always 24px+ for pill-shaped friendliness
- SF Pro Rounded exclusively for human warmth
- 3D rainbow elements must appear glossy with highlights
- Sky blue gradients create infinite backdrop feeling
- Golden stars add magical sparkle accents
Target Audience
Crypto-curious millennials and Gen Z who want DeFi power without intimidating interfaces - people who value both fun and serious financial tools
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 | 12px | 400 | normal | |
| h1 | 96px | 400 | 96px | |
| h2 | 56px | 400 | 61.6px | |
| h3 | 36px | 400 | 39.6px | |
| h4 | 32px | 400 | 35.2px | |
| p | 16px | 400 | 19.2px | |
| a | 12px | 400 | normal |
Color Palette
No colors extracted
