Store Homepage + Product Page UI Kit for Small Shops

Store Homepage + Product Page UI Kit: five editable HTML and CSS pages for a small online shop.

WHAT IS INSIDE

• index.html: store homepage (announcement bar, hero, trust strip, best sellers, feature split, collection tiles, signup band, footer)
• collection.html: product grid with a filter sidebar, quick chips and pagination
• product.html: gallery, options, quantity, add-to-cart button, details accordion, related products
• cart.html: cart with line items and an order summary
• about.html: about page with values and a contact section and form layout
• assets/styles.css: layout and components, responsive at 1024 px and 760 px
• assets/themes.css: three colour themes (sage, clay, ink) set by a few variables
• UI_Kit_Customise_Guide.pdf: how to change colours, fonts, text, images and forms
• previews folder: PNG previews of every page at 1440 px desktop and 390 px mobile, plus the three themes
• README, licence (personal and client use; no resale of the kit) and a list of the free fonts used (Inter and Lora, SIL Open Font License)

WHAT IS NOT INCLUDED

• No photographs or stock images: placeholders are gradient tiles and drawn shapes
• No backend, payment system, email sending or checkout: the forms and buttons are visual only
• No frameworks, no build step, no tracking code, no external scripts
• No platform-specific theme files; this is plain HTML and CSS
• No font files (install Inter and Lora, or use the fallbacks)

Demo copy in the pages reads "Sample" so it is easy to find and replace. Written for people who want an editable starting point, not a finished brand.

Works in any browser. Open index.html to start.