Back to themes

Velane

A motion-first vitrine for fashion boutiques: shoppable lookbooks, pieces to reserve, boutiques with live hours and fitting booking.


Cost

Paid


Created by
Lauro Guedes

Velane is a template for clothing stores, fashion boutiques and ateliers that sell in person. It works like a shop window: visitors browse the collection, reserve a piece in their size and book a fitting in the boutique of their choice.

The home page opens on bare paper. The wordmark rises, a portrait window opens in the middle with the film playing inside, then the window widens to the full screen and scroll takes over the film at 60 fps. Below it, a manifesto lights up word by word, the current collection runs as a pinned horizontal lookbook, a "made slowly" stage wipes between the steps of the craft, the newest pieces sit in a grid with sizes on hover, boutiques show whether they are open right now in their own time zone, and linen curtains part over the fitting room.

What is included

  • 29 pages: home, collections and lookbooks, all pieces and a page per piece, atelier, boutiques, book a fitting, journal and stories, client care (size tables, care by material, repairs, FAQ), privacy, terms, cookies, 404
  • Lookbooks with shoppable looks: every look lists its pieces and prices
  • Piece pages with sizes, colour, fabric and origin, fit, care, the looks it appears in and "worn with"
  • A three-step fitting booking, prefilled from a piece (size included) or from a boutique
  • Prices formatted in any currency and locale
  • Everything editable from typed content collections: pieces, collections, boutiques and stories are Markdown files, and references between pieces and looks are checked at build time
  • SEO: title template, canonical URLs, Open Graph and X cards with a share image per page, JSON-LD (ClothingStore with opening hours, Product, Article, FAQPage, BreadcrumbList), sitemap and robots.txt
  • Cookie banner with Google Consent Mode v2; Google Tag Manager or GA4 from environment variables, loaded only after consent
  • Self-hosted fonts, responsive layouts designed for phones, reduced-motion support
  • Every video slot has an image fallback, and scripts to encode your own footage
  • Documentation: getting started, content reference, customization, media, analytics and consent, SEO, deployment, troubleshooting

Stack

Built with Astro 7, GSAP (ScrollTrigger, Flip) and Lenis, in TypeScript with plain CSS design tokens. No UI or CSS framework.

Note: the online demo shows licensed stock video clips that are not part of the download. The template ships with images in those slots.