Storefront
Clothing shop with drawn garments that recolour live, quick add from the grid, a product dialog with front and back views, and a bag drawer with a free-shipping meter.
Every product is a flat drawing filled with its colourway on a tile tinted to match, so hovering a swatch recolours the garment in place and the palette in the header recolours the whole grid in one ripple. Hovering a tile slides up a quick-add strip with sold-out sizes struck through and the last piece in a size marked; on a phone a small plus opens it. The product dialog turns the garment around, keeps a size guide one click away and quotes a delivery window from today. The bag counts up to free shipping on a hatched meter, rolls its totals as quantities change, takes a promo code and holds a removed line for five seconds in case you want it back.
Everything runs on demo data. Pass your own products and data (brand, today, free-shipping threshold, tax rate, promo codes and the starting bag), and wire onAddToCart and onCheckout to your commerce backend. To show product photos instead of drawings, add an image URL to a product, or to a single colourway for per-colour shots; anything without one falls back to the drawing.