The Emerald Room — Premium Fashion Boutique Website (8 Pages)
An 8-page premium fashion boutique website — a transparent-to-glass nav, split hero with floating stat cards, a filterable shop and lookbook, an immersive product detail page with a Stripe Payment Link checkout, and a 3-tier private membership program, on an Emerald Estate palette (deep emerald, ivory, charcoal, antique gold) with Libre Baskerville + Jost typography.
Preview
What you can customize
Each section below becomes a guided form field in your library after purchase — no prompting experience required.
- 1
Homepage
Transparent-to-glass nav, split hero with floating stat card, social proof strip, featured pieces, story teaser, collection grid, campaign feature, Atelier process timeline, curator/expertise band, testimonial carousel, newsletter and final CTA.
2 editable fields
- 2
Collections
Category tiles (Ready-to-Wear, Outerwear, Accessories, Bridal), filterable product grid, styling CTA.
2 editable fields
- 3
Piece Detail — The Column Gown
Immersive product detail: gallery, specifications, benefits list, Stripe checkout placeholder, related pieces.
2 editable fields
- 4
Our Story
Founder story, values list, statistics band, team/curator presentation.
2 editable fields
- 5
Lookbook
Filterable editorial gallery of the Autumn campaign, category labels, shoppable looks.
2 editable fields
- 6
The Circle — Membership
Three-tier membership comparison (Member / Patron / Muse), featured tier, Stripe checkout placeholders, FAQ.
2 editable fields
- 7
Journal
Featured article feature, filterable article cards across Craft, Styling and Makers categories.
2 editable fields
- 8
Contact
Contact hero, native-validation enquiry form, salon details, map placeholder, FAQ accordion.
2 editable fields
Usage instructions
Eight pages, generated in order — each one is a standalone, complete HTML fragment you paste into your own page shell. 1. Homepage — transparent-to-glass navigation, split hero with a floating stat card, social proof, featured pieces, story teaser, collection grid, a large campaign feature, the Atelier process timeline, an expertise/curator band, a testimonial carousel, a newsletter panel and a final CTA. 2. Collections — category tiles plus a filterable product grid (filter chips are a frontend-only demonstration). 3. Piece Detail — an immersive product page for "The Column Gown": gallery, specifications, benefits, a Stripe checkout placeholder, and related pieces. 4. Our Story — founder story, values, statistics band and team presentation. 5. Lookbook — a filterable editorial gallery from the Autumn campaign. 6. The Circle — a three-tier membership comparison (Member / Patron / Muse) with Stripe checkout placeholders and an FAQ. 7. Journal — a featured article plus a filterable article grid. 8. Contact — a native-validation enquiry form, salon details, a map placeholder and FAQ. Three things to know before you publish: STRIPE. The purchase buttons on the Piece Detail and Membership pages ship with the placeholder href "YOUR_STRIPE_PAYMENT_LINK". None of them are working payment links. Create a Payment Link per product/tier in your own Stripe dashboard and replace each href before the site goes live. The template deliberately avoids the Stripe JS loader, because AI Tapz's preview sandbox blocks external scripts. FORMS. No backend is included. The newsletter and enquiry forms post nowhere until you set their action attribute to your own form-handling endpoint. FONTS. Every page's <style> block references 'Libre Baskerville' (display) and 'Jost' (body) with solid system-font fallbacks. Add the Google Fonts <link> to your page's real <head> for the intended typography — the template renders correctly on the fallback stack alone in the meantime, including inside this platform's own preview.
Reviews
No reviews yet — be the first once you've used this template.