Mahonie — premium page design and implementation plan

Prepared 2 October 2026. This is a locally working HTML prototype with shared images, styles, catalog and interaction code. It does not modify the live store or replace its commerce backend. Open index.html to browse every main category; open page-directory.html for the complete deliverable list.

1. Purpose, scope and page disposition

The primary goal is to make finding a suitable fragrance simpler while presenting Mahonie as a considered premium brand. Shopping pages lead with relevant products. Service pages explain the process and collect a project brief. Collection pages have room for material stories. Editorial pages provide readable guidance. All share the same header, navigation, typography, spacing, image treatment and footer.

This bundle covers the main categories plus meaningful missing collection, gifting, discovery, service and care destinations. It includes a shared detail template instantiated for all 54 audited live SKUs so the category grids have working local product links. Seven SKUs with placeholder copy are withheld from the public-facing grids pending catalog review; their detail files remain available for owner review. No launch dates, sales rankings, reviews, burn times, wax composition, lead times, minimum quantities or unverified inventory have been fabricated.

The legacy Glaza and Ceramique collection destinations receive separate concept pages as well as the six homepage collection concepts. These pages are not evidence that those ranges are available to purchase. Collection imagery is an existing AI-generated campaign direction, while item cards use photographs from the corresponding live product pages. Lemongrass Candle and Neroli Wax Tablets have no usable gallery photograph in the audited records (the wax-tablet gallery contains only platform placeholders), so they receive an explicit photograph-pending visual rather than another SKU’s image. The generic placeholder-copy Candle is also held out of the grid.

A missing page is not automatically a new marketing page. Old product slugs require SKU-owner decisions: restore the correct product, redirect to a genuinely equivalent item or return an appropriate retired/not-found response. Demo routes, a template newsletter endpoint and template About Porto content should not be rebuilt as customer promises. The route mapping records these distinctions.

2. Research and conversion rationale

The layout follows research-backed product-finding practices: multiple selections within a facet, matching result counts, a visible overview of applied filters, category-specific options and mobile filter controls. These are supported by Baymard’s filter UI guidance and product-listing research. The banner sets the atmosphere without pushing the product grid behind multiple editorial sections. The journal and reels modules follow the shopping area as requested.

Quick view is an optional preview with an obvious full-product link; it does not hide the complete product detail page. This responds to the distinction discussed in Baymard’s quick-view research. Comparison is limited to three items and uses only available factual fields. No artificial urgency, countdowns, fake review stars or fabricated bestseller badges are added.

Above-the-fold banners load eagerly. Below-the-fold images use native lazy loading, responsive widths and explicit image dimensions; this follows web.dev image-loading guidance. Native modal dialogs support Escape and focus containment. The custom mobile filter drawer has a close control, Escape handling, a focus loop and an inert background, informed by W3C modal guidance.

These decisions are intended to reduce friction. They cannot guarantee a conversion uplift. Validate with baseline analytics, real traffic and staged usability sessions before making quantified conversion claims.

3. Shared premium design system

• Palette: near-white #FAF9F5, deep olive #35432E, ink #293126, muted gray-green #656A60, warm metal accent #9B8051. Avoid aged parchment textures and ornate frames.
• Typography: restrained serif for major headings, clean system sans-serif for controls, specifications, product names and prices. No external font download is needed.
• Layout: maximum content width 1,380 px; desktop side gutters 48 px, mobile 20 px. Desktop banner 350–420 px high; mobile 380 px with text over a readable gradient. Keep one meaningful visible h1 per page.
• Category listing: left rail approximately 225–250 px; three product columns on desktop, three on intermediate widths, two on mobile. Product titles sit below images. Use consistent square source photography within a stable card frame.
• Interactions: visible keyboard focus, reduced-motion support, native checkboxes, descriptive labels, explicit close buttons, generous main actions. Quick view stays visible on touch-size layouts.
• Images: reuse the four approved campaign panoramas and existing category/editorial images. Campaign concepts must not be substituted for factual product thumbnails. Exported banner widths: 640/1,280/1,752 px; product widths: 320/640 px.
• Shared navigation: Shop, Collections, Gifting, New Arrivals, Rituals; search and saved-product actions. Mobile has a separate navigation dialog. The bundle index is a category directory, not a replacement of the approved homepage.

4. Listing-page architecture and behavior

Sequence: shared header → breadcrumb → wide banner and brief category introduction → product-focused shopping area → scent-discovery help → journal → reels/rituals → shared footer. Never place long journal copy, Instagram widgets or giant trust panels before the product results.

The results area has a short editorial title, collection search, count, sorting, applied filters, stable product cards, comparison selection and progressive “Discover more” loading. The first batch contains up to 12 products; subsequent batches add 12. Product links open locally generated detail pages. Their purchase action goes to the corresponding audited live Mahonie product URL. The prototype does not pretend to add a real item to the live cart.

The rail supports minimum and maximum price, stock availability and category-specific facets from data present in the snapshot. Category/format appears on multi-format pages. Fragrance family and fragrance name appear when meaningful; reed diffusers also expose the genuine Wabi Sabi and L’étoile range names. Irrelevant one-value facets are suppressed. Counts reflect the other selected criteria, so shoppers can see potential matches. Selected values remain removable when the count is zero.

Logic: OR across selected values in the same facet; AND across different facets. Price uses final displayed price. Enter exact minimum/maximum values and select Apply Price (or press Enter) before committing the range. Minimum cannot exceed maximum. Search matches product name, format, scent label and SKU. Sort options are catalog order, price low/high and name A–Z. Newest, bestselling and ratings sorts require dependable source data and are not exposed yet.

State lives in the query string using repeatable facet keys, plus q/min/max/stock/sort. Browser Back restores a previous filter state. Sorting remains when filters are cleared. Mobile opens a drawer with a draft selection; Apply commits it and Close/Escape discards it. The Apply label previews the matching product count. Background controls become inert while the drawer is open. Shortlists are browser-local and persist when storage is available, with a safe visit-only fallback.

Empty states retain an understandable explanation and useful routes to Shop All. A shopper must never reach a blank grid with no way forward. Unsupported ranges use a deliberate empty state and stay conditional for launch; they should be hidden from live promotion until inventory is confirmed.

5. Data requirements for richer custom filters

The current live attributes are inconsistent, so the prototype uses a small, dependable set and provisional editorial family grouping derived from product names. These families need brand-owner approval before deployment. The exact name and SKU remain available for comparison. “Not specified” is used where the record has no reliable data. Do not interpret the grouping as a verified technical note pyramid or intensity claim.

6. Production integration contract

1. Replace the dated catalog.js snapshot with Magento/store data, including approved attributes, stable IDs, final customer-specific prices, inventory and product gallery URLs. Keep local prototype IDs out of the production commerce API contract.
2. Connect wishlist to the account backend only if account-synced persistence is required. Clearly distinguish device-local saved preferences from an account wishlist.
3. Keep purchase actions truthful. A real Add to Bag requires the platform’s cart endpoint, quantity/variant validation, failure handling and live cart state. Checkout, payment and order flows are existing backend work, not static HTML substitutes.
4. Connect project enquiries to the correct store endpoint or approved form service, with consent, spam protection, delivery logging and failure states. Today’s Download My Brief action only creates a local text file; no enquiry is sent.
5. Replace interactive reel storyboards with approved playable clips. Use poster images, preload=none, user-initiated playback, accessible controls, transcripts/captions where relevant, and no autoplay with audio. The live website did not expose usable first-party video files in the audit, so no fake video button is presented.
6. Approve product copy, family taxonomy, collections, gifts, care guidance, lead times and policies. Remove all placeholder entries from public inventory. Avoid health/antimicrobial or pregnancy-safety promises without substantiation.
7. Route the flat prototype HTML files to their intended live paths using the route map. Resolve historic aliases deliberately. Never redirect all retired products to the homepage.
8. These preview files intentionally carry noindex,nofollow. Remove that only for approved public pages at launch; keep search/filter/private/service-confirmation states indexed or excluded deliberately. Add canonical URLs, sitemap entries, breadcrumb and valid product structured data from verified live content.
9. Confirm shipping, returns and contact details before adding them to shared shopping assurance components. The audited policies conflict, so this preview does not repeat unsupported shipping/refund promises.
10. Test guest/authenticated shopping, form delivery, price/tax rules, zero stock, variants, errors and responsive layouts on staging. No live purchase or form submission was attempted.

7. Conversion measurement and acceptance

Instrument category_view, search_submit, filter_apply/remove, sort_change, product_click, quick_view, shortlist_save, compare_open, quiz_complete, enquiry_submit and real add_to_cart/purchase. Avoid collecting personal form values in analytics. Measure product discovery time, zero-result rate, product-click rate, add-to-cart rate and purchase conversion by device and source. Compare against a stable baseline; do not combine a simultaneous price/policy change with a claimed layout-only uplift.

Acceptance: every listed local file, link, image and fragment resolves; no page-wide horizontal overflow at 390 px; labels are readable; keyboard users can operate and close dialogs; filters return the expected SKU intersection/union; counts agree with results; URL restoration works; comparison is capped at three; saved state survives reload; services never claim to send an unsent enquiry; no invented discount/newness/review/stock claim reaches launch. Performance targets: field LCP <=2.5 s, INP <=200 ms, CLS <=0.1 at the 75th percentile. These are targets, not measured field results for this prototype; see web.dev’s thresholds.

8. Individual page specifications

Each specification below identifies the purpose, content sequence, actions, data dependencies and launch acceptance for a separate HTML page.

Shop All — shop-all.html

• Intended live route: /shop.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: A ritual for every room. Explore candles, diffusers and thoughtful fragrance essentials. Find your scent, your format, your everyday ritual.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Candles — candles.html

• Intended live route: /shop/candles.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: A little light. A deeper ritual. From a quiet evening to a beautifully set table, discover a candle for the moments that matter.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 39 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Reed Diffusers — reed-diffusers.html

• Intended live route: /shop/reed-diffusers.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Let the room exhale. A continuous fragrance ritual, without a flame. Discover reed diffusers for spaces you love.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 4 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Room Sprays — room-sprays.html

• Intended live route: /shop/room-sprays.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: A beautiful change of atmosphere. A simple spritz. A fresh perspective. Explore room fragrance for everyday spaces.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 4 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 1 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Wax Tablets — wax-tablets.html

• Intended live route: /shop/wax-tablets.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Small objects. Lovely rituals. Botanical wax tablets for a considered fragrance collection.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 1 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Aroma Diffusers — aroma-diffusers.html

• Intended live route: /shop/aroma-diffusers.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Make space for your ritual. Explore burners and fragrance tools. Check the product instructions for compatible wax or oils before use.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 1 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Essential Oils — essential-oils.html

• Intended live route: /essential-oils.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: The essence of a slower moment. A considered space for essential oils. Explore the fragrance collection while this range is being prepared.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 0 eligible records before user filtering. No essential oils were available in the audited catalog. Explore our current fragrance essentials instead. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Accessories — accessories.html

• Intended live route: /shop/accesories.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: The finishing touches. Useful objects for a thoughtful fragrance ritual.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 0 eligible records before user filtering. No separate accessory inventory was confirmed. Explore our available aroma burners. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Travel — travel.html

• Intended live route: /shop/travel.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: A ritual to take with you. A home for smaller fragrance formats and travel rituals.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 4 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 0 eligible records before user filtering. A dedicated travel range is not available in this catalog snapshot. Browse the full collection. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Car Fragrances — car-fragrances.html

• Intended live route: /shop/car-freshners.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: A scent for the journey. Discover fragrance designed for the road. Follow the product instructions for placement and use.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 4 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 1 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

New Arrivals — new-arrivals.html

• Intended live route: /new-arrivals
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Discover what comes next. New fragrances, forms and everyday rituals.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 0 eligible records before user filtering. Launch dates have not yet been verified. Explore the full collection while we prepare this edit. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Sale — sale.html

• Intended live route: /sale.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Your next ritual, thoughtfully priced. Explore items with reduced prices in the current catalog snapshot. Final prices are confirmed on Mahonie.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 20 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Signature edit — bestsellers.html

• Intended live route: /bestsellers
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: The Mahonie edit. An invitation to explore the current collection. Sales rankings will be added once verified.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Search — search.html

• Intended live route: /catalogsearch/result/
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Find your fragrance. Search by product name, fragrance or format. Refine the results to find your ritual.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collections — collections.html

• Intended live route: /collections
• Purpose: Orient visitors to a meaningful next destination rather than mixing unrelated inventory.
• Heading and introduction: Objects with a point of view. Explore visual directions for Mahonie. A story of material, atmosphere and considered design.
• Section order: Breadcrumb; wide editorial banner; clearly named image-led child cards with titles beneath images; scent-discovery help; journal; ritual stories; footer.
• Filters / preferences: No left rail on an orientation hub. Its child product-list pages expose the relevant filters.
• Actions: Primary: choose a collection, occasion or gift route. Secondary: Shop All or the gift/scent finder.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Child routes must exist. Collection and gifting cards must not imply sellable inventory until confirmed.
• Acceptance: Every child card opens its separate HTML page. No unrelated Bespoke/essential-oil destination substitutes for a collection.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Elements — collection-elements.html

• Intended live route: /collections/elements
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Elements Stone, water and light. A visual direction inspired by the elemental world.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Yin Yang — collection-yin-yang.html

• Intended live route: /collections/yin-yang
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Yin Yang Contrast in balance. A dialogue between light and shadow.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Marbella — collection-marbella.html

• Intended live route: /collections/marbella
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Marbella A sunlit terrace. A quieter kind of escape.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Metallique — collection-metallique.html

• Intended live route: /collections/metallique
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Metallique Warm metal, soft light and considered reflections.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 4 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Realms — collection-realms.html

• Intended live route: /collections/realms
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Realms Translucent forms and luminous corners.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Glaza — collection-glaza.html

• Intended live route: /collections/glaza
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Glaza A glazed material direction for a considered fragrance collection.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Ceramique — collection-ceramique.html

• Intended live route: /collections/ceramique
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Ceramique A ceramic material direction for a considered fragrance collection.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Collection Terra — collection-terra.html

• Intended live route: /collections/terra
• Purpose: Explain the collection’s material and atmosphere direction while distinguishing concept imagery from available products.
• Heading and introduction: Terra Texture, clay and the warmth of the earth.
• Section order: Breadcrumb; wide banner; dedicated material/atmosphere concept image and narrative; explicit current-availability state; current-shop and bespoke actions; journal; ritual stories; footer.
• Filters / preferences: No fictional stock or nonfunctional filter rail. Activate the shared listing template when actual collection members are supplied.
• Actions: Primary: Shop the Current Collection. Secondary: Discuss a Bespoke Idea.
• Image treatment: Approved campaign banner 4 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Exact product membership, price/stock and owner-approved collection story. Existing concept image is a visual brief, not a SKU photograph.
• Acceptance: Keep this route conditional for public launch. Publish a shop-able listing only after owner-approved products match the range.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Gifting — gifting.html

• Intended live route: /accessories.html
• Purpose: Orient visitors to a meaningful next destination rather than mixing unrelated inventory.
• Heading and introduction: A gesture, beautifully considered. Choose a fragrance they will love, or explore a personalised gift concept.
• Section order: Breadcrumb; wide editorial banner; clearly named image-led child cards with titles beneath images; scent-discovery help; journal; ritual stories; footer.
• Filters / preferences: No left rail on an orientation hub. Its child product-list pages expose the relevant filters.
• Actions: Primary: choose a collection, occasion or gift route. Secondary: Shop All or the gift/scent finder.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Child routes must exist. Collection and gifting cards must not imply sellable inventory until confirmed.
• Acceptance: Every child card opens its separate HTML page. No unrelated Bespoke/essential-oil destination substitutes for a collection.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Gift Sets — gift-sets.html

• Intended live route: /accessories/gift-sets.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Good things, gathered together. A dedicated space for beautifully assembled fragrance gifts.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 0 eligible records before user filtering. No complete gift-set inventory was confirmed. Explore individual fragrances or plan a gift with us. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Occasions — occasions.html

• Intended live route: /accessories/occasions.html
• Purpose: Orient visitors to a meaningful next destination rather than mixing unrelated inventory.
• Heading and introduction: For the moments worth marking. Find a thoughtful direction for a birthday, anniversary or celebration.
• Section order: Breadcrumb; wide editorial banner; clearly named image-led child cards with titles beneath images; scent-discovery help; journal; ritual stories; footer.
• Filters / preferences: No left rail on an orientation hub. Its child product-list pages expose the relevant filters.
• Actions: Primary: choose a collection, occasion or gift route. Secondary: Shop All or the gift/scent finder.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Child routes must exist. Collection and gifting cards must not imply sellable inventory until confirmed.
• Acceptance: Every child card opens its separate HTML page. No unrelated Bespoke/essential-oil destination substitutes for a collection.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Birthday Gifts — birthday-gifts.html

• Intended live route: /accessories/occasions/birthday-gifts.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: A little joy, just for them. Thoughtful fragrance ideas for a birthday.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Anniversary Gifts — anniversary-gifts.html

• Intended live route: /accessories/occasions/anniversary-gifts.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: For another beautiful chapter. Considered fragrance ideas for an anniversary.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Festive Hampers — festive-hampers.html

• Intended live route: /accessories/occasions/festive-hampers.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Make the season memorable. A warm invitation to plan fragrance gifts for your celebration.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Baby Shower — baby-shower.html

• Intended live route: /accessories/occasions/baby-shower.html
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: A thoughtful thank-you. Plan gifts for adult hosts and guests. Occasion styling does not imply suitability for infants or pregnancy.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Bespoke — bespoke.html

• Intended live route: /objets-d-art.html
• Purpose: Help a prospect explain their project clearly and reach a truthful next step.
• Heading and introduction: Your story. A signature ritual. Explore a personalised fragrance concept, designed around your idea.
• Section order: Wide project banner; service introduction and gifting/atelier image; three-step process; FAQ; tailored project brief with name/email/project/quantity/budget/date/scent/format/notes; local download status; journal and ritual stories.
• Filters / preferences: Use form preferences, not shopping facets. Quantity/budget/date fields clarify the project without promising a minimum or guaranteed delivery.
• Actions: Primary: Shape Your Brief → Download My Brief. Secondary: Contact Mahonie through the existing channel.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Approved service availability, options, lead time, MOQ, pricing process, endpoint/recipient and privacy/consent language before live enquiry submission.
• Acceptance: Required fields validate. Download contains the chosen details. No network submission or false “enquiry sent” confirmation. Team confirmation is required for all options.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Create Your Own — create-your-own.html

• Intended live route: /objets-d-art/create-your-own.html
• Purpose: Help a prospect explain their project clearly and reach a truthful next step.
• Heading and introduction: A fragrance idea, made personal. Tell us about your inspiration. Explore the direction before discussing a custom project.
• Section order: Wide project banner; service introduction and gifting/atelier image; three-step process; FAQ; tailored project brief with name/email/project/quantity/budget/date/scent/format/notes; local download status; journal and ritual stories.
• Filters / preferences: Use form preferences, not shopping facets. Quantity/budget/date fields clarify the project without promising a minimum or guaranteed delivery.
• Actions: Primary: Shape Your Brief → Download My Brief. Secondary: Contact Mahonie through the existing channel.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Approved service availability, options, lead time, MOQ, pricing process, endpoint/recipient and privacy/consent language before live enquiry submission.
• Acceptance: Required fields validate. Download contains the chosen details. No network submission or false “enquiry sent” confirmation. Team confirmation is required for all options.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Corporate Gifting — corporate-gifting.html

• Intended live route: /objets-d-art/corporate-bulk-enquiries.html
• Purpose: Help a prospect explain their project clearly and reach a truthful next step.
• Heading and introduction: A thoughtful impression. Plan fragrance gifts around your event, your recipients and your brand.
• Section order: Wide project banner; service introduction and gifting/atelier image; three-step process; FAQ; tailored project brief with name/email/project/quantity/budget/date/scent/format/notes; local download status; journal and ritual stories.
• Filters / preferences: Use form preferences, not shopping facets. Quantity/budget/date fields clarify the project without promising a minimum or guaranteed delivery.
• Actions: Primary: Shape Your Brief → Download My Brief. Secondary: Contact Mahonie through the existing channel.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Approved service availability, options, lead time, MOQ, pricing process, endpoint/recipient and privacy/consent language before live enquiry submission.
• Acceptance: Required fields validate. Download contains the chosen details. No network submission or false “enquiry sent” confirmation. Team confirmation is required for all options.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Wedding Favours — wedding-favours.html

• Intended live route: /gifting/wedding-favours
• Purpose: Help a prospect explain their project clearly and reach a truthful next step.
• Heading and introduction: A small gesture. A lasting memory. Explore a fragrance favour concept for your celebration.
• Section order: Wide project banner; service introduction and gifting/atelier image; three-step process; FAQ; tailored project brief with name/email/project/quantity/budget/date/scent/format/notes; local download status; journal and ritual stories.
• Filters / preferences: Use form preferences, not shopping facets. Quantity/budget/date fields clarify the project without promising a minimum or guaranteed delivery.
• Actions: Primary: Shape Your Brief → Download My Brief. Secondary: Contact Mahonie through the existing channel.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Approved service availability, options, lead time, MOQ, pricing process, endpoint/recipient and privacy/consent language before live enquiry submission.
• Acceptance: Required fields validate. Download contains the chosen details. No network submission or false “enquiry sent” confirmation. Team confirmation is required for all options.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Custom Quote — custom-quote.html

• Intended live route: /custom-quote
• Purpose: Help a prospect explain their project clearly and reach a truthful next step.
• Heading and introduction: Let’s shape your idea. Build a clear brief for a personalised gift or fragrance project.
• Section order: Wide project banner; service introduction and gifting/atelier image; three-step process; FAQ; tailored project brief with name/email/project/quantity/budget/date/scent/format/notes; local download status; journal and ritual stories.
• Filters / preferences: Use form preferences, not shopping facets. Quantity/budget/date fields clarify the project without promising a minimum or guaranteed delivery.
• Actions: Primary: Shape Your Brief → Download My Brief. Secondary: Contact Mahonie through the existing channel.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Approved service availability, options, lead time, MOQ, pricing process, endpoint/recipient and privacy/consent language before live enquiry submission.
• Acceptance: Required fields validate. Download contains the chosen details. No network submission or false “enquiry sent” confirmation. Team confirmation is required for all options.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Meditation — meditation.html

• Intended live route: /meditation
• Purpose: Provide clear, readable advice and relevant routes into the shopping journey.
• Heading and introduction: A quieter moment begins here. Create a considered space for stillness. Explore fragrance rituals and simple, everyday practices.
• Section order: Wide guide banner; table of contents; short anchored sections; relevant shopping links; related journal cards and ritual stories.
• Filters / preferences: No filter rail in reading mode. Shop links open the correct category or a pre-filtered fragrance edit.
• Actions: Primary: explore the relevant category. Secondary: consult care guidance or scent discovery.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Brand-approved care and fragrance guidance; labels supplied with each actual product remain authoritative.
• Acceptance: All contents anchors resolve and shopping links target relevant formats. No medical or unsupported safety claim is introduced.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Care Guide — care-guide.html

• Intended live route: /care-guide
• Purpose: Provide clear, readable advice and relevant routes into the shopping journey.
• Heading and introduction: Care for your ritual. A practical starting point for candles, diffusers and fragrance tools. Always follow the instructions supplied with your product.
• Section order: Wide guide banner; table of contents; short anchored sections; relevant shopping links; related journal cards and ritual stories.
• Filters / preferences: No filter rail in reading mode. Shop links open the correct category or a pre-filtered fragrance edit.
• Actions: Primary: explore the relevant category. Secondary: consult care guidance or scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Brand-approved care and fragrance guidance; labels supplied with each actual product remain authoritative.
• Acceptance: All contents anchors resolve and shopping links target relevant formats. No medical or unsupported safety claim is introduced.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Fragrance Guide — fragrance-guide.html

• Intended live route: /fragrance-guide
• Purpose: Provide clear, readable advice and relevant routes into the shopping journey.
• Heading and introduction: A fragrance that feels like you. Explore floral, woody, fresh and warm scent directions. Use this guide to begin your discovery.
• Section order: Wide guide banner; table of contents; short anchored sections; relevant shopping links; related journal cards and ritual stories.
• Filters / preferences: No filter rail in reading mode. Shop links open the correct category or a pre-filtered fragrance edit.
• Actions: Primary: explore the relevant category. Secondary: consult care guidance or scent discovery.
• Image treatment: Approved campaign banner 4 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Brand-approved care and fragrance guidance; labels supplied with each actual product remain authoritative.
• Acceptance: All contents anchors resolve and shopping links target relevant formats. No medical or unsupported safety claim is introduced.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Find Your Scent — find-your-scent.html

• Intended live route: /find-your-scent
• Purpose: Translate simple preferences into a matching catalog edit.
• Heading and introduction: Find your everyday ritual. A few simple choices to explore fragrance formats and scent directions.
• Section order: Wide discovery banner; concise explanation; multi-select scent directions; format choice; optional maximum budget; button opening matching Shop All results; journal and stories.
• Filters / preferences: Preferences become real URL-addressable category/family/price filters, not an invented recommendation score.
• Actions: Primary: Discover My Edit. Secondary: skip preferences and browse all.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Approved family classification and current catalog. Optional occasion/recipient tags can be added after genuine merchandising data exists.
• Acceptance: Form selection opens the correct query string and matching product set. No guaranteed “perfect scent” promise.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Gift Finder — gift-finder.html

• Intended live route: /gift-finder
• Purpose: Translate simple preferences into a matching catalog edit.
• Heading and introduction: A thoughtful gift starts here. Explore an individual fragrance gift by format and budget.
• Section order: Wide discovery banner; concise explanation; multi-select scent directions; format choice; optional maximum budget; button opening matching Shop All results; journal and stories.
• Filters / preferences: Preferences become real URL-addressable category/family/price filters, not an invented recommendation score.
• Actions: Primary: Discover My Edit. Secondary: skip preferences and browse all.
• Image treatment: Approved campaign banner 1 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Approved family classification and current catalog. Optional occasion/recipient tags can be added after genuine merchandising data exists.
• Acceptance: Form selection opens the correct query string and matching product set. No guaranteed “perfect scent” promise.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Saved — saved.html

• Intended live route: /wishlist/
• Purpose: Help shoppers find and evaluate a relevant product with as few unnecessary page visits as possible.
• Heading and introduction: Your saved rituals. Keep a shortlist of the pieces you love. Saved on this browser.
• Section order: Breadcrumb; wide banner with one category heading; 225–250 px left rail; search/count/sort/applied chips; product cards with accurate image, format, name and final price; quick view, save and compare; progressive loading; empty state; scent-discovery help; three journal cards; four interactive reel storyboards; footer.
• Filters / preferences: Price minimum/maximum and in-stock selection. Format on this multi-format page. Show family/name/range facets only when there are multiple useful catalog values. Add the category-specific verified attributes listed in section 5 once supplied.
• Actions: Primary: View Ritual, then View & Buy on Mahonie. Secondary: quick view, save, compare, search, filter, clear, sort and scent discovery.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Live SKU membership, final prices, stock, image identity and normalized attributes. Family grouping is proposed editorial taxonomy, not a verified formula.
• Acceptance: The current public grid uses 47 eligible records before user filtering. Multiple facet values must combine correctly, sorting must use final prices, and an empty result must offer recovery.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Journal — journal.html

• Intended live route: /blog
• Purpose: Provide an editorial index with useful care, discovery and gift guidance.
• Heading and introduction: Notes on a considered life. Fragrance, care and small rituals for everyday spaces.
• Section order: Banner and clear introduction; useful linked content or recovery destinations; shared footer.
• Filters / preferences: Not applicable; use relevant shopping links.
• Actions: Primary: continue into a useful category, search or guide.
• Image treatment: Approved campaign banner 4 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Verified article content and accurate destinations.
• Acceptance: No dead ends, fake articles or duplicate journal URLs.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Track Order — track-order.html

• Intended live route: /track-order
• Purpose: Provide a branded entry into the existing account and order-support channels without pretending to return live shipment data.
• Heading and introduction: Follow your order. Choose the right way to check an existing order or ask the Mahonie team for help.
• Section order: Breadcrumb; wide order-help banner; three clear paths for account order history, dispatch-email tracking and contact support; related guidance; footer.
• Filters / preferences: No fictional order lookup form. A verified guest tracking endpoint can be integrated later.
• Actions: Primary: Open My Mahonie Account. Secondary: use the dispatch email or Contact Mahonie.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Authenticated order history and approved support details; guest tracking requires the real shipment/order API.
• Acceptance: Do not claim a live order status or expose order information. Account/support actions open the intended existing routes.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Mindfulness — mindfulness.html

• Intended live route: /mindfulness
• Purpose: Provide clear, readable advice and relevant routes into the shopping journey.
• Heading and introduction: A moment, thoughtfully noticed. Simple prompts for a quieter everyday ritual.
• Section order: Wide guide banner; table of contents; short anchored sections; relevant shopping links; related journal cards and ritual stories.
• Filters / preferences: No filter rail in reading mode. Shop links open the correct category or a pre-filtered fragrance edit.
• Actions: Primary: explore the relevant category. Secondary: consult care guidance or scent discovery.
• Image treatment: Approved campaign banner 2 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Brand-approved care and fragrance guidance; labels supplied with each actual product remain authoritative.
• Acceptance: All contents anchors resolve and shopping links target relevant formats. No medical or unsupported safety claim is introduced.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

Page Not Found — page-not-found.html

• Intended live route: /no-route
• Purpose: Recover the visitor from an unavailable destination with useful search and category routes.
• Heading and introduction: Let’s find your way back. This page is unavailable. Your next ritual is still waiting.
• Section order: Banner and clear introduction; useful linked content or recovery destinations; shared footer.
• Filters / preferences: Not applicable; use relevant shopping links.
• Actions: Primary: continue into a useful category, search or guide.
• Image treatment: Approved campaign banner 3 at 640/1,280/1,752 px, reused editorial images and relevant existing product photography. Use eager loading only for the banner; lazy loading below it.
• Data dependencies: Verified article content and accurate destinations.
• Acceptance: No dead ends, fake articles or duplicate journal URLs.
• Mobile: Shared 20 px gutters; readable 37 px hero heading; two-column product cards where applicable; no desktop sidebar squeezed into the screen. Relevant forms and story viewers become single-column.

9. Existing pages and retired destinations

Existing homepage, About, Contact, FAQ, policies, account, cart, checkout and authenticated order/address flows retain the dispositions in the production audit. This category-first bundle does not overwrite them or invent legal policies. Extend the approved system into those existing templates after the operational contradictions are resolved. The audit’s complete build/migration register is included as audit-page-plan.csv.

The broken-link register includes old product URLs, demo/template routes and three missing audio files. Restore a product only when its exact SKU and data are supplied; redirect only to a genuine equivalent; retire permanently discontinued resources appropriately. A design cannot recover unknown product history or reconstruct an absent meditation audio track. These remain explicit owner/backend decisions, not unnoticed links.

10. Handoff and launch sequence

1. Review Candles, Reed Diffusers and Shop All on desktop/mobile; approve the shared visual system.
2. Approve catalog corrections and the fragrance taxonomy, then supply the richer category attributes.
3. Populate the genuine missing gift ranges and collection membership; hide unsupported routes from live promotion.
4. Connect live catalog, cart, enquiry and video sources; apply approved routes/canonicals/indexing.
5. Repair policy/contact contradictions and migrate the other existing templates under the same system.
6. Run staging acceptance, link/resource checks and real commerce/form tests; then measure the launch with agreed analytics.