Luma – Fashion E-commerce HTML Template

Luma – Fashion E-commerce HTML Template

Luma is a minimal, editorial online store template for fashion labels, boutiques and concept stores. Bone-white backgrounds, ink-black type, oversized Syne headlines and a single cobalt accent give it the calm confidence of a modern Scandinavian brand, while a complete shopping flow (shop, product, bag, checkout and account) works out of the box with plain HTML, CSS and JavaScript.

✨ Highlights

• Editorial design: huge display type, asymmetric grids, thin borders and a scrolling marquee strip
• Shop page with working filters for category, size, colour, price, sale and new arrivals, plus sorting, search and grid/list views
• Product page with image gallery and thumbnails, colour and size pickers, sold-out sizes, size guide modal (cm/inches), quantity stepper, accordions, reviews and "Complete the look"
• Shopping bag that remembers items between pages (localStorage), with quantity steppers, remove, move to wishlist, free-shipping meter, promo code LUMA10 and live totals
• Three-step checkout (contact, delivery, payment) with validation, shipping methods, live card preview and an order confirmation state
• Wishlist with header counter, move-to-bag and size selection
• Lookbook story, collections landing, about, stores & contact and a customer account area with orders and addresses
• One product catalogue in a single script: edit it once and every grid, product page and cart updates
• Polished CSS product art (no stock photos to replace or license), dark mode and fully responsive layouts

📄 18 pages included

• Home
• Shop (product grid with filters)
• Product detail
• Shopping bag
• Checkout
• Wishlist
• Lookbook
• Collections
• About / Our story
• Stores & contact
• My account (orders, addresses, details)
• Journal (blog)
• Journal article
• FAQ
• Log in
• Create account
• Privacy & terms
• 404 error page

💻 Built with

HTML5, CSS3 and vanilla JavaScript. No frameworks, no build tools and no dependencies apart from Google Fonts (Syne and Inter Tight). Clean, commented code that is easy to customise, with colours and fonts set as CSS variables.

📦 What you get

• All HTML, CSS and JavaScript source files
• Documentation (documentation.html)
• License file

ℹ️ Good to know

Luma is a front-end template: the bag, wishlist and checkout run in the browser for demonstration and need to be connected to your own e-commerce backend or payment provider to take real orders. Product visuals are CSS artwork you can replace with your own photography. Use the Live preview button to try the full shopping flow before you buy.

Copyright © 2026 DesignVersa. Licensed for one end product per purchase. Resale or redistribution is not permitted.