Sartor: a tailoring and fashion eCommerce HTML template
Sartor is built for atelier-style clothing brands: bespoke tailors, small-run fashion labels, knitwear and outerwear shops. Its look is quiet and confident: a deep bottle-green and brass palette, a tape-measure ruler along the edge, pinstripe texture, hang tags that swing on hover and numbered product runs.
It is pure HTML5, CSS3 and vanilla JavaScript. No jQuery, no framework, no build step. Open any file and it works.
What’s included
- Showcase landing page with live-scrolling previews of every demo, a page filter and an interaction showcase
- 20 ready pages: 5 homepage layouts, shop, product, cart, checkout, order complete, account, login/register, wishlist, journal, single post, about, contact, FAQ, fittings (booking) and 404
- Shop that works: filter by category, size, colour, cloth, price range and stock; sorting; load more; grid density; pre-filter links
- Product page: zoom gallery, colour and size pickers, size finder, sticky buy bar, reviews, related pieces
- Cart and wishlist in the browser, slide-out bag, coupon code, free-gift progress bar
- 4-step checkout with validation and card formatting (front-end demo)
- Fitting booking widget, live search overlay, FAQ search, blog category filter, reading progress bar
A motion system, not just fades
- Curtain page transitions with the wordmark
- Custom cursor with contextual labels, magnetic buttons and ink ripples
- 3D tilt and moving sheen on product cards
- Fly-to-bag animation, wishlist burst, cursor spotlight on dark sections
- Split-word headlines, scroll reveals with auto-stagger, parallax, counters, scroll-speed marquee
- Everything is optional (one script) and switches off for visitors who prefer reduced motion
Built to be customised
- Colours, spacing and fonts are CSS variables in one readable stylesheet (plus a minified copy)
- Currency, coupon and delivery settings in a single config object
- Self-hosted fonts, no external requests
- Responsive from 320px to large desktops; keyboard accessible with skip links and focus management
- Detailed documentation, including how to replace artwork with photography and how to port to WordPress / WooCommerce
Please note
- All text, names, prices and addresses are placeholders.
- Garments are original SVG illustrations created for this template. Photography is not included.
- Cart, checkout, login and forms are front-end demonstrations. Connect them to your own backend or store platform.
Credits
Fonts: Instrument Serif, Instrument Sans, Italiana, Nothing You Could Do (SIL Open Font License). All illustrations, icons and code are original.