WooCommerce
saas · image
8
craft
The design relies on the tension between the organic lifestyle photo and the rigid, clean-cut UI component overlaying it.
Palette
#720fec
background · 49.1%
#ac8e5c
secondary · 4.9%
#f47701
accent · 2.3%
#ffffff
text · 1.7%
#a27c45
secondary · 4%
#d8bdfa
secondary · 2.4%
Composition
headline plus visual
Layout
stacked bands
Color structure
vibrant multi
Background
solid
Typography
sans · sans only
Imagery
collage · realistic
Temperature
cool
Accent lands on
product hero image
Mood
energeticcollaborativemodernapproachable
What makes it work
- High-contrast white sans-serif headline anchored to bottom-left
- UI product card must overlap the primary lifestyle image boundary
- Saturated purple flood background provides frame-wide consistency
