Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Wix
Website BuilderWix embodies democratic creativity with its distinctive electric blue signature color that radiates accessibility and empowerment. The custom Madefor typography creates a friendly yet professional voice that speaks to creators at every level, while the layout balances aspirational messaging with tangible product demonstration.
Design Identity
Signature Color
Wix Electric Blue
#166aea
creative empowerment and accessible innovation for everyday entrepreneurs
Visual Identity
The seamless integration of product interface screenshots within marketing layouts, showing real website building in action rather than abstract concepts, creating an authentic 'build-with-us' narrative.
Component Style
Softly rounded buttons with 24px radius feel approachable and friendly. Components use generous padding and subtle shadows to create depth without intimidation. Everything feels touchable and inviting rather than sterile or technical.
Spacing Philosophy
Generous breathing room with 40-60px section gaps creates an unintimidated learning environment. Tight clustering of related elements (like the AI chat interface) shows progression and connectivity without overwhelming novice users.
Design Principles
- Electric blue #166aea dominates all primary actions
- Madefor typography exclusively - never mixing font families
- Border radius consistently around 20-24px for friendly approachability
- Screenshots always show real functionality, never mockups
- White space ratios favor comfort over density - 2:1 content to space
Target Audience
Small business owners and creative entrepreneurs who need professional websites but lack technical expertise - seeking empowerment over intimidation
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 | 10px | 400 | normal | |
| h1 | 82.2136px | 400 | 69.8816px | |
| h2 | 47.8333px | 400 | 52.6166px | |
| h3 | 20.927px | 500 | 20.927px | |
| p | 16px | 400 | 24px | |
| a | 10px | 400 | normal | |
| button | 14px | 400 | normal | |
| input | 16px | 400 | 25.6px | |
| nav | 10px | 400 | normal | |
| header | 10px | 400 | normal |
Color Palette
#166aea#ffffff#d0d0d0#000000#eceff3#1c1d21#add7ff#8cbaff#101585#223246#cdc5ff#ffc2fe
