Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Solana
Web3Solana's brand radiates crypto-native confidence through deep space blacks (#121212) punctuated by electric purple-to-teal gradients that flow like digital energy. The massive 88px Diatype headlines create bold authority while the flowing gradient ribbons suggest infinite possibility in the blockchain universe.
Design Identity
Signature Color
Solana Purple
#9945FF
Crypto innovation and high-performance blockchain technology
Visual Identity
Flowing gradient ribbons that curve and weave through dark space - these organic energy streams are unmistakably Solana, creating movement against the stark geometric typography.
Component Style
Clean geometric buttons with subtle rounded corners, no heavy shadows or borders. Everything feels weightless and precise, like floating UI elements in digital space. The 'Get started' button uses a clean white background with dark text for maximum contrast.
Spacing Philosophy
Generous breathing room with the hero content consuming massive vertical space. The layout feels expansive like the cosmos, with content floating in carefully orchestrated negative space that emphasizes the gradient flow elements.
Design Principles
- Headlines use exactly 88px Diatype at 500 weight for maximum impact
- Body text maintains 21px size with generous 29.4px line height for readability
- Dark backgrounds never go lighter than #121212 to maintain crypto mystique
- Gradient elements always flow organically, never contained in rigid geometric shapes
- Monospace DSemi font at 15.2px for all interactive elements
Target Audience
Crypto-native developers and DeFi power users who demand both technical sophistication and visual innovation in blockchain platforms
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 |
|---|---|---|---|---|
| h4 | 24px | 500 | 31.92px | |
| p | 17.6px | 400 | 29.4px | |
| a | 15.2px | 400 | 20px | |
| button | 15.2px | 400 | 20px | |
| nav | 21px | 400 | 29.4px | |
| header | 21px | 400 | 29.4px | |
| body | 21px | 400 | 29.4px | |
| h1 | 88px | 500 | 88px | |
| h2 | 64px | 500 | 72px | |
| h3 | 24px | 500 | 31.992px |
Color Palette
#121212#c0c0c0#3f3a4e#818384#00ffbd#222121#151515#181818#1d1f21#e2e2e2#a36a00#086835
