Whatnot
pet-care · product-shot
7
craft
This design utilizes a highly structured vertical hierarchy typical of mobile commerce, prioritizing metadata and trust signals before the main visual.
Palette
#ffffff
background · 55%
#d6d7d9
surface · 8.7%
#8fdddb
neutral · 8.3%
#a5a6a9
surface · 7.7%
#bdbec1
surface · 5.4%
#df5d16
accent · 1.3%
Composition
product hero
Layout
stacked bands
Color structure
neutral plus accent
Background
solid
Typography
sans · sans only
Imagery
product shot · realistic
Temperature
neutral
Accent lands on
star ratings, product label, notification badge
Mood
trustworthyorderlyreliableutilitarian
What makes it work
- high-density information stacking above visual
- centrally isolated realistic product shot
- stark white negative space for visual clarity
- interactive horizontal chip selection for variants
