Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Sorare
GamingSorare creates an immersive sports fantasy gaming atmosphere through deep ocean blues and dynamic underwater-like lighting effects. The 'Pressio' display font delivers athletic confidence while the stadium-blue backdrop suggests premium digital collectibles for serious sports enthusiasts.
Design Identity
Signature Color
Stadium Deep Blue
#1a4a72
premium sports authority and digital collectible trustworthiness
Visual Identity
Atmospheric blue gradients with particle-like light effects that create a premium digital sports card opening experience - like unwrapping rare collectibles underwater.
Component Style
Rounded corners with subtle shadows and purple accent buttons that feel premium yet approachable. Cards and modals use gentle 8-16px radius with soft drop shadows for a collectible card aesthetic.
Spacing Philosophy
Generous atmospheric spacing that lets the blue gradient breathe, with compact UI elements clustered in modals. Large negative space emphasizes the premium nature of digital collectibles.
Design Principles
- Border radius stays between 4px-24px for card-like feel
- Typography uses Pressio at 68.928px for headlines, system fonts for UI
- Shadows are consistently 10% opacity black for depth
- Purple #8B5CF6 serves as primary action color against blue
- Button font weight always 700 for athletic confidence
Target Audience
Sports card collectors and fantasy football players who appreciate premium digital experiences and are willing to invest in rare collectibles
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 | 68.928px | 400 | 68.928px | |
| h2 | 68.928px | 700 | 68.928px | |
| h4 | 16px | 700 | 20px | |
| p | 32px | 700 | normal | |
| a | 16px | 400 | normal | |
| button | 16px | 700 | 20px | |
| input | 16px | 400 | normal | |
| footer | 16px | 400 | normal | |
| main | 16px | 400 | normal |
Color Palette
No colors extracted
