Product card · Luxe
A shop product card with CSS-drawn product art, price with compare-at discount, rating, colour swatches, a wishlist heart and an add-to-cart button that confirms.
Design · Luxe14 / 20
Centre-aligned plate inside a double gold hairline frame, spaced caps, diamond swatches and an outline gold button that fills on hover.
Motion
The card lifts into place and its details follow one after another, 55 ms apart.
Accent
A shop product card with CSS-drawn product art, price with compare-at discount, rating, colour swatches, a wishlist heart and an add-to-cart button that confirms.
productshopecommercecardpriceratingswatcheswishlistcart