Microsoft shopping vision product cards

Microsoft shopping vision product cards, minimal, light-mode, light

Preview image. Unlock full-res

Light-mode product discovery UI with horizontal scored cards and floating Magic toolbar.

Colorlight, muted
Industryecommerce
Palette
#EDEDED
#3C3B40
#C23725

Summary

A horizontal row of product cards with color-coded scores, hover actions, and a bottom Magic toolbar.

Visual description

White cards on light grey: coffee, orange Nike mocs, Surface Pro, Polaroid camera. Green/yellow/red score circles. Active card shows analytics, bookmark, share icons. Pill toolbar with search, Magic button, refresh.

Key takeaway

Scored product cards with inline hover actions make discovery feel editorial rather than catalog-like.

Reuse notes

Shopping apps, recommendation engines, or marketplace UI explorations.

More like this