HTML5 · CSS3 · Vanilla JS · 20 pages

A shop windowcut to measure.

Sartor is a complete tailoring and fashion eCommerce template. Five homepages, a shop that filters live, a cart that flies, a checkout that validates, and a motion system you will want to touch.

Explore the demos Open the shop

0: ready pages
0: homepage layouts
0: dependencies
0px+: fully responsive

Five homepages

Five ways to open the shop.

Same header, same shop, different first impression. Hover a card to scroll the page, click to open the live demo.

sartor / home-1

Home oneThe tailor’s hero

Giant type, a mannequin and a hover index of every piece.

sartor / home-2

Home twoGiant type

A headline-led layout with a process strip and numbered runs.

sartor / home-3

Home threeEditorial

Magazine rhythm: one hero piece, spec table, long-form story.

sartor / home-4

Home fourThe hanging rail

A horizontal rail of garments you drag, with category tiles.

sartor / home-5

Home fiveSplit screen

Two halves, one marquee. The most compact opening.

Fifteen inner pages

Everything a store needs.

sartor / shop

ShopFilters, sort, density

sartor / product

ProductZoom, size finder, buy bar

sartor / wishlist

WishlistSynced hearts

sartor / cart

CartCoupon, gift progress

sartor / checkout

Checkout4 validated steps

sartor / order-complete

Order completeConfirmation

sartor / account

AccountOrders and addresses

sartor / login

Login and registerTabbed forms

sartor / journal

JournalFilter by category

sartor / post

Single postReading progress

sartor / about

AboutTimeline and team

sartor / contact

ContactValidated form

sartor / faq

FAQLive search

sartor / fittings

FittingsBooking widget

sartor / 404

404Error page

Interactions

Details that feel expensive.

Every hover, transition and micro-interaction is hand-tuned and switches off for visitors who prefer reduced motion. Try them right here.

SARTOR

Page curtain

Every link wipes in a bottle-green curtain with the wordmark. Try any demo link.

N°14Peak-lapel
blazer

Hang tags

Tags swing on hover, the way they do in a shop window.

Tape-measure ruler

A running ruler along the edge, with a red start mark. It scales with the page.

Open the shop

Magnetic buttons

Buttons lean toward your cursor, ripple on press and fill on hover. Move over this one.

Wishlist burst

A heart that answers back. Tap it.

Fly to bag

Add a piece and a thumbnail arcs into the bag, which bumps in reply.

OuterwearSize MMossWool$100 to $700

Live filters

Category, size, colour, cloth, price and stock, all instant, with removable chips.

Move your mouse

Spotlight surfaces

Dark sections glow where the cursor goes. Hover this card.

Responsive

Made for the phone in your hand.

Four breakpoints, a filters drawer, a mobile menu, a sticky buy bar and touch-friendly sizing. Nothing scrolls sideways at 320px.

1199Laptop
991Tablet
767Large phone
575Phone

What’s inside

Ready for your brand.

Documentation
Illustrated, searchable guide with a WooCommerce porting plan.
Clean, labelled code
One readable stylesheet with a contents list, plus a minified copy.
Config object
Currency, coupon, delivery threshold and demo data in one place.
Self-hosted fonts
Four OFL typefaces, subset woff files, no external requests.
Original SVG artwork
39 garment illustrations, swatches and details, replaceable with photos.
Accessible
Skip links, focus management, ARIA labels and reduced-motion support.
No dependencies
No jQuery and no framework. Just HTML, CSS and one script.
Retina ready
Vector artwork and fonts stay sharp at any pixel density.

Open your atelier.

Sartor v1.0.0 · 20 pages · Documentation included.

Purchase Sartor Open the shop