Drape is a masonry-layout landing page template for curated boutique clothing stores. It pairs a price-anchored hero section with a before/after styling grid, a persistent selection bar, and a three-question style quiz. The Luxe Minimal design uses muted lavender, deep plum-black, and antique gold to create an editorial atmosphere that feels warm, considered, and ready to sell.
by Rocket studio
Loading preview…
Quick summary
Drape is a single-page boutique landing page built around a masonry product grid, a price-anchored hero, and a before/after styling reveal. It speaks directly to women who shop with intention. Every layout decision earns trust before asking for a purchase, and every call to action feels like a personal styling recommendation rather than a generic button.
Who this template is for
This template is built for independent boutique owners who sell a small, carefully chosen collection. It suits buyers who want their storefront to feel editorial rather than transactional.
Boutique owners selling curated women's clothing and elevated wardrobe staples
Creative entrepreneurs who want a store page that reflects taste, not just inventory
Small fashion retailers targeting women in their thirties and forties who have moved beyond fast fashion
What problem this template solves
Most product pages push visitors to buy before they feel anything. Drape solves the gap between a product catalog and a genuine shopping experience. It builds desire progressively so the visitor arrives at checkout already convinced.
Flat product photography fails to show how a garment actually lives on a body
Generic "Add to Cart" language breaks the mood of a considered, editorial brand
Visitors leave without buying because price context and styling inspiration are missing
What you get with this template
You get a complete single-page boutique layout with every section pre-designed and ready to customize. The structure moves a visitor from first impression through styling discovery to a confident purchase decision.
A full-width price-anchored hero section with a struck-through retail comparison price and a boutique price in antique gold
A breathing masonry product grid with before/after hover reveals, staggered editorial shots, and detail crop cards
A persistent bottom bar that tallies selected pieces and a "Complete Your Edit" button, plus a three-question "Style Me" quiz that filters the grid to a personal capsule
Theme
Luxe Minimal
Creative direction
Before/After Reveal
Color system
Dopamine Pop
Style
Masonry/Pinterest
Direction
Direct Sales
Page Sections
Price-anchored Hero Section
Before/after Masonry Grid
Editorial Card Actions
Persistent Bottom Selection Bar
Style Me Filtering Quiz
Luxe Minimal Visual System
Related questions
Can I change the color palette to match my own brand?
Does the before/after reveal work on mobile devices?
How does the Style Me quiz filter the masonry grid?
Can I replace the "Add to Edit" and "Complete Your Edit" button labels?
Is Drape suited for a large catalog with hundreds of products?
Feature list
This template was designed around four core capabilities that work together to turn a landing page visit into a purchase.
Price-Anchored Hero Section
The header fills the full width with a single flat-lay garment photograph on raw linen. A struck-through retail price sits in thin plum-black above a large antique gold boutique price. A single line of editorial copy anchors the value story without any navigation competing for attention in the first three seconds.
Before/After Masonry Grid
Every product card shows a garment photographed raw and unadorned. On hover or tap, the same piece appears styled on a real body in a real setting. As the visitor scrolls deeper, single-piece cards give way to complete outfit pairings, teaching the collection's logic visually.
"Add to Edit" Card Actions
The primary call to action on every card reads "Add to Edit" rather than a generic cart label. This language fits the editorial tone of the brand and reinforces the idea that the visitor is building a personal styling selection, not just filling a shopping basket.
Persistent Selection Bar
A fixed bottom bar tracks every piece the visitor has selected. It stays visible throughout the scroll and closes with a soft "Complete Your Edit" button in antique gold, keeping the path to purchase always one tap away without interrupting the browsing flow.
Style Me Quiz
A three-question quiz asks about occasion, silhouette preference, and size. The answers filter the masonry grid down to a personalized capsule, so visitors who feel uncertain about where to start are guided directly to the pieces most relevant to them.
Luxe Minimal Visual System
The entire template is built on a four-color palette: muted French lavender as a background wash, deep plum-black for typography, blush ivory for card surfaces, and antique gold reserved for price tags, cart icons, and hover states. The result is a visual atmosphere that feels expensive without being loud.
Page sections overview
Section
Purpose
Price-Anchored Hero
Stops the scroll with a bold price comparison and a single editorial headline
Masonry Product Grid
Displays the full collection in a staggered, magazine-style layout
Before/After Cards
Reveals each garment styled on a real body on hover or tap
Style Me Quiz
Filters the grid to a personalized capsule based on three quick answers
Persistent Bottom Bar
Tracks selected pieces and surfaces the checkout prompt at all times
Design & branding system
The visual identity follows a Luxe Minimal theme built on restraint and atmosphere. Every color and spacing choice signals quality before a single price is read.
Four-color Lavender Dream palette: muted French lavender (#B8A9C9) background, deep plum-black (#2D2233) typography, blush ivory (#F5F0EB) card surfaces, antique gold (#C4A96A) for price tags, hover states, and the primary action button
Masonry grid layout staggers tall editorial shots beside square detail crops so the page breathes like a magazine spread rather than a product catalog
All type is set in deep plum-black against light surfaces, keeping contrast clear and the mood calm
Mobile & speed optimization
The template is laid out to work cleanly on smaller screens without sacrificing the editorial quality of the grid. Tap interactions replace hover states on mobile so the before/after reveal still functions as intended.
Masonry columns reflow to a single or double column on narrow screens, keeping cards readable without horizontal scrolling
The persistent bottom bar remains fixed and accessible on mobile, so the "Complete Your Edit" prompt is always within thumb reach
The "Style Me" quiz inputs are sized for easy tap selection on touch devices
How this template helps you convert
Drape layers three conversion mechanics on top of one another so that desire builds continuously from the first scroll to the final tap.
The price-anchored hero sets a clear value proposition immediately, so the visitor understands the boutique advantage before they see a single product card.
The before/after styling reveals shift the visitor's thinking from "do I like this garment" to "I can already see myself wearing this," which shortens the path to a confident purchase decision.
The "Style Me" quiz removes decision fatigue by filtering the full collection to a personal capsule, keeping the visitor focused on pieces that are already relevant to their occasion, shape, and size.
Other information about this template
Drape is built for boutique retail brands that sell through a single focused page rather than a multi-page store. The template's structure suits any small collection of womenswear, elevated basics, or wardrobe investment pieces.
The template is designed as a standalone landing page and does not include additional inner pages such as a blog, lookbook archive, or account portal
Product card copy, pricing figures, garment names, and photography are placeholder content that the store owner replaces with their own collection details
The editorial copy line in the hero ("Pieces this considered shouldn't need a markup") is included as a starting point and is fully editable to match any brand voice
