Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Ethereum
Web3Ethereum's brand radiates utopian tech optimism through its dreamy pastel illustration style and crystal-clear diamond logo, creating a tropical-futuristic paradise aesthetic. The Inter typography at bold 900 weight delivers authoritative messaging while maintaining approachability, positioning blockchain technology as both revolutionary and accessible.
Design Identity
Signature Color
Ethereum Blue
#5468ff
technological trust and blockchain innovation
Visual Identity
The distinctive gradient diamond logo surrounded by whimsical hand-drawn illustrations in soft pastels - a unique blend of technical precision with human warmth that makes complex blockchain concepts feel inviting and paradise-like.
Component Style
Clean, minimal components with subtle shadows and rounded corners. Buttons appear lightweight with gentle hover states, cards have soft drop shadows (0 1px 3px), and search interfaces feature distinctive blue glow effects (inset 0 0 0 2px #5468ff).
Spacing Philosophy
Generous breathing room with a focus on vertical rhythm - the hero illustration dominates the viewport while navigation maintains comfortable horizontal spacing. Content feels uncluttered with ample whitespace supporting the dreamy, accessible vibe.
Design Principles
- Typography weight is either 400 or 900 - no middle ground for maximum contrast
- Headings use 48px-60px sizes with 900 weight for bold statements
- All shadows are soft and subtle, never harsh or dramatic
- Blue accent color (#5468ff) is reserved for interactive elements and search focus states
- Illustrations use hand-drawn style with tropical/paradise themes to humanize technology
Target Audience
Developers and crypto-curious individuals who want blockchain technology explained in an approachable, non-intimidating way - people who appreciate both technical depth and visual storytelling.
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 | 25.6px | |
| h1 | 48px | 900 | 57.6px | |
| h2 | 60px | 900 | 72px | |
| h3 | 20px | 700 | 28px | |
| p | 18px | 400 | 28.8px | |
| a | 16px | 400 | 32px | |
| button | 16px | 400 | 25.6px | |
| nav | 16px | 400 | 25.6px | |
| footer | 16px | 400 | 25.6px |
Color Palette
#5468ff#1c1e21#969faf#444950#ffffff#000000#007aff
