E-commerce Storefront - HTML/CSS Kit

Launch a custom storefront that already feels finished. This kit has 11 connected pages: a home page with hero, category tiles, best sellers, brand story, reviews and newsletter signup; a shop page with category, price, stock and keyword filters and sorting; a product page with an image gallery, colour swatches, quantity stepper, wishlist, details accordion and reviews; a cart; a checkout; an order confirmation; a tabbed account area with orders, addresses, wishlist and profile; an about page; a help centre with FAQ and contact form; sign in and create account; and a 404. The shopping flow actually works in the browser. Add to cart from any product card and a cart drawer slides in. Change quantities, remove items and apply a promo code, and the totals, free-shipping progress bar and header count update everywhere. Checkout recalculates the total when the shipping method changes, validates the form and hands off to an order confirmation showing what was bought. One product template serves every product through a URL parameter, including sale prices, colour variants that swap the photos and sold-out items. It is plain HTML with one CSS design system and about 550 lines of vanilla JavaScript. There is no build step and nothing to install. Open index.html and it works. The README shows where to connect Shopify's Storefront API, Medusa, Stripe or your own backend. The details are already done: dark and light themes that remember the shopper's choice, a slide-in mobile menu, collapsible mobile filters, a focus-trapped cart drawer that closes with Escape, keyboard-operable tabs, screen-reader announcements when the cart changes, visible keyboard focus and labelled fields throughout. The demo brand is a pottery studio with 15 AI-generated product and lifestyle photos to swap for your own, but the layout suits any catalog of physical goods. The client-work license covers your own store and stores you build for clients.