Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
WordPress
Website BuilderWordPress employs a vibrant royal blue gradient background that creates an immersive, almost ethereal digital workspace feeling. The typography mixing elegant serif headlines (Recoleta) with clean sans-serif body text (Inter) suggests both creative expression and technical reliability - perfect for a platform that democratizes publishing.
Design Identity
Signature Color
WordPress Royal Blue
#5468ff
Digital empowerment and creative freedom - conveying trust while inspiring users to build without limits
Visual Identity
The bold gradient blue background with floating interface mockups creates a sense of limitless digital space, making the product feel like a portal to endless creative possibilities rather than just software.
Component Style
Soft, approachable components with subtle 4-9px border radius and gentle shadows. Cards appear to float with sophisticated multi-layered shadows (18px offset, multiple blur values), creating depth without heaviness. Everything feels touchable and inviting.
Spacing Philosophy
Generous breathing room on the hero section with asymmetrical layout - large text blocks balanced against floating interface previews. The composition feels expansive and unconfined, reinforcing the 'unlimited' messaging.
Design Principles
- Border radius stays between 4-9px for gentle approachability
- Headlines use serif (Recoleta) at massive 68px scale for impact
- Body text uses Inter at 16px for optimal readability
- Shadows use complex multi-layer approach: 18px + 12px + 6px for realistic depth
- Gradients flow from deep blue to lighter blue, never flat colors
Target Audience
Aspiring creators, small business owners, and bloggers who want powerful tools without technical complexity - people who dream big but need guidance
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 | 68px | 400 | 68px | |
| h2 | 56px | 400 | 64px | |
| h3 | 16px | 400 | 24px | |
| p | 14px | 400 | 21px | |
| a | 16px | 500 | 16px | |
| button | 16px | 500 | 16px | |
| input | 72px | 400 | 80px | |
| nav | 16px | 400 | 24px | |
| footer | 18px | 400 | 26px |
Color Palette
#005a87#7a00df#007cba#000000#abb8c3#ffffff#f78da7#006ba1#cf2e2e#ff6900#fcb900#7bdcb5
