Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Blur
Web3Blur embodies a cyberpunk NFT marketplace aesthetic with monospace typography and dark industrial vibes. The vibrant orange signature color cuts through the matte black interface like neon lighting, while anime-inspired artwork and bold red typography create an underground digital art gallery atmosphere.
Design Identity
Signature Color
Cyber Orange
#ff8700
Digital rebellion and creative energy - the neon beacon that guides NFT collectors through the dark web3 underground
Visual Identity
Monospace typography combined with anime character art and massive red letterforms creates an unmistakable digital streetwear aesthetic
Component Style
Sharp-edged components with minimal borders and subtle shadows. Cards have clean rectangular frames with matte finishes. Everything feels precise and technical, like terminal interfaces with a gaming twist.
Spacing Philosophy
Generous 64px gaps between major sections create breathing room for featured artwork, while tight 8-12px internal spacing maintains the dense, information-rich feeling of a trading platform
Design Principles
- Monospace Proto Mono typography for all text elements
- Border radius stays minimal at 4-8px maximum
- Orange accent color (#ff8700) used sparingly for maximum impact
- Dark backgrounds (#1e1e1e, #000000) dominate the interface
- Spacing follows 4px base grid with jumps to 64px+ for sections
Target Audience
Gen Z and millennial NFT collectors who appreciate anime culture, gaming aesthetics, and want to feel like digital underground tastemakers
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 | 56px | 300 | 78.4px | |
| h2 | 20px | 300 | 30px | |
| h3 | 20px | 600 | 30px | |
| h4 | 16px | 600 | 19px | |
| p | 16px | 400 | 24px | |
| a | 12px | 700 | 18px | |
| button | 14px | 500 | 28px | |
| input | 13.33px | 400 | 19.995px | |
| header | 12px | 400 | 18px |
Color Palette
#ffffff#c1c1c1#ff8700#aa3d07#ade25d#000000#080404#f95200#929292#303030#f6ae2d#1e1e1e
