Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Alchemy
Web3Alchemy projects a 'blockchain infrastructure for the elite' aesthetic with deep purple-blue dominance that whispers enterprise sophistication. The typography mix of ppNeue for headlines and Public Sans for body creates a premium fintech vernacular - technical precision wrapped in accessible professionalism.
Design Identity
Signature Color
Alchemy Violet
#5167ff
Next-generation blockchain infrastructure - premium developer tools with enterprise reliability
Visual Identity
The signature floating 3D cube on the right side with subtle depth shadows, paired with massive typographic statements that dominate the left half - creating an asymmetrical power balance that screams 'we build the infrastructure others dream of'
Component Style
Softly rounded corners (8-12px) with generous padding and subtle depth through layered shadows. Primary buttons feel substantial without being heavy - the purple maintains authority while rounded edges keep it approachable. No harsh borders, everything floats with gentle elevation.
Spacing Philosophy
Expansive breathing room with massive 60px headlines given generous vertical space. The layout embraces dramatic negative space to let the bold typography and floating cube create visual tension. Wide margins and substantial padding create a sense of premium real estate.
Design Principles
- Typography contrast: ppNeue for impact, Public Sans for utility
- Purple-blue gradient spectrum anchors all accent colors
- Asymmetrical layout with left-heavy content, right-side visual anchor
- Soft corner radius 8-12px maximum for approachable authority
- Generous whitespace with 40-60px section spacing
Target Audience
Senior blockchain developers and fintech infrastructure teams who need enterprise-grade APIs but want the experience to feel as polished as consumer tech
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 | 60px | 700 | 60px | |
| h2 | 60px | 600 | 69px | |
| p | 24px | 400 | 33.6px | |
| a | 14px | 600 | 19.992px | |
| button | 16px | 500 | 24px | |
| nav | 16px | 400 | 24px | |
| footer | 16px | 400 | 24px | |
| main | 16px | 400 | 24px |
Color Palette
#fafafa#fbf4ff#fe8862#262cdc#bc95d4#eff9ff#728eff#9ab7ff#cbd5e1#2229b1#5167ff#64748b
