Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Animoca Brands
GamingAnimoca Brands embraces a futuristic, blockchain-native aesthetic with electric cyan (#00D0FF) holographics against deep navy backgrounds. The typography uses bold Inter weights to convey Web3 authority, while glowing 3D elements create an immersive digital economy atmosphere.
Design Identity
Signature Color
Cyan Electric
#00D0FF
Digital innovation and Web3 futurism - the color of blockchain networks and virtual economies
Visual Identity
Holographic 3D geometric structures with electric cyan glow effects against dark atmospheric backgrounds - instantly recognizable as next-generation technology visualization
Component Style
Clean geometric forms with subtle 8px radius corners, no heavy shadows but prominent cyan glow effects. Components feel weightless and digital, with transparent overlays and holographic treatments rather than traditional material design.
Spacing Philosophy
Generous breathing room with hero sections using dramatic scale contrast - massive 76px headlines paired with compact 14px body text create hierarchy through size rather than density. Wide gutters emphasize the premium tech positioning.
Design Principles
- Border radius stays minimal at 8px maximum for geometric precision
- Typography scale jumps dramatically: 14px body to 76px headlines with no intermediate sizes
- Electric cyan (#00D0FF) reserved exclusively for interactive elements and technology highlights
- Dark navy backgrounds (#063347) provide contrast for holographic effects
- Zero traditional shadows - all depth created through glow and transparency effects
Target Audience
Blockchain entrepreneurs, Web3 developers, and institutional investors seeking cutting-edge digital asset infrastructure and metaverse technologies
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 | 76px | 700 | 91.2px | |
| h2 | 60px | 700 | 72px | |
| h3 | 60px | 700 | 72px | |
| h4 | 16px | 400 | 20.8px | |
| p | 14px | 500 | 21px | |
| a | 16px | 400 | 24px | |
| nav | 16px | 400 | 24px | |
| header | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px |
Color Palette
#ffffff#020a08#4d5352#d9dad9#b3b5b4#00d0ff#1b2220#eeeeee#808483#f2f2f2#063347#08445e
