Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
OpenSea
Web3OpenSea embodies a sophisticated dark-mode aesthetic that feels like exploring a digital underworld marketplace. The deep charcoal backgrounds create an immersive nocturnal atmosphere, while the gtAmerica typography strikes a balance between approachability and technical precision, suggesting both creativity and commerce.
Design Identity
Signature Color
OpenSea Ocean Blue
#2081E2
Digital ocean depths - represents the vast, exploratory nature of the NFT marketplace with trustworthy fintech undertones
Visual Identity
The distinctive three-panel layout with dense information architecture and prominent collection cards creates a trading-floor atmosphere unique among marketplaces - it feels like a professional trading terminal designed for digital assets.
Component Style
Cards have subtle rounded corners with soft shadows on dark backgrounds, creating depth without harshness. Buttons are pill-shaped with generous padding, while collection items use crisp rectangular frames. Everything feels substantial yet approachable - like premium trading tools.
Spacing Philosophy
Dense information architecture maximizes screen real estate like a trading terminal, with tight 8-12px gaps between related items but generous 24-32px section breaks to prevent cognitive overload during browsing sessions.
Design Principles
- Dark backgrounds dominate with #161a1c as primary surface
- Typography never exceeds 16.8px to maintain information density
- Collection cards always show price/stats in consistent hierarchy
- Rounded elements use 8-12px radius for approachable feel
- Color-coded blockchain indicators for instant recognition
Target Audience
Digital asset traders and NFT collectors who need professional-grade tools with the aesthetic sensibility of creative platforms - people who value both data density and visual appeal.
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 | 16px | 400 | 24px | |
| h2 | 16.8px | 600 | 19.32px | |
| p | 14px | 400 | 21px | |
| a | 16px | 400 | 24px | |
| button | 14px | 400 | 21px | |
| input | 14px | 400 | 21px | |
| nav | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#c2d0e0#161a1c#ebf3f6#aebbc5#98a7b6#000000#242c31#353d43#ffffff#222a30#525f6b#343e45
