Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Phantom
Web3Phantom creates an electric, nocturnal atmosphere through dynamic intersecting ribbons of saturated color against deep black backgrounds. The custom 'Phantom' typeface feels deliberately ethereal yet substantial, creating trust through geometric precision rather than traditional fintech sterility.
Design Identity
Signature Color
Phantom Purple
#6C5CE7
Crypto sophistication and digital mystique - bridging the gap between accessible and advanced trading
Visual Identity
Intersecting geometric ribbons in saturated colors (blue, orange, yellow, purple) flowing across dark backgrounds - creates a sense of dynamic movement and dimensional depth that's instantly recognizable
Component Style
Soft, approachable rounded corners with generous padding and subtle transparency effects. Buttons feel pillowy and inviting rather than sharp or aggressive, with smooth color transitions that echo the flowing ribbon aesthetic
Spacing Philosophy
Expansive breathing room with dramatic scale jumps - hero typography dominates the center while navigation elements float with ample whitespace, creating hierarchy through scale rather than density
Design Principles
- Typography uses custom 'Phantom' font family exclusively across all elements
- Hero text scales to 80px with tight 88px line-height for impact
- Button text stays minimal at 13.3px for understated elegance
- Color flows in organic ribbon shapes, never contained in rigid boxes
- Dark backgrounds dominate to emphasize the glowing color elements
Target Audience
Crypto-curious millennials and Gen Z traders who want sophisticated tools without intimidating complexity - people who see trading as both serious business and creative expression
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 | 80.0556px | 400 | 88.0611px | |
| h2 | 24px | 400 | 32.4px | |
| h3 | 24px | 400 | 32.4px | |
| p | 30.0208px | 400 | 36.025px | |
| a | 16px | 400 | normal | |
| button | 13.3333px | 400 | normal | |
| input | 64px | 400 | 64px | |
| nav | 16px | 400 | normal | |
| header | 16px | 400 | normal |
Color Palette
No colors extracted
