Itr is a full-width immersive landing page template built for traditional attar perfume brands. It uses a Gallery Walk scroll structure to present each fragrance like a museum exhibit, with a full-screen video header, ambient visual storytelling, and multiple conversion paths. The design blends deep plum-black, dusted mauve, and molten amber into a luxe minimal aesthetic built for high-intent fragrance buyers.
by Rocket studio
Loading preview…
Quick summary
Itr is a single-page immersive marketplace template for traditional attar and oud perfume brands. It opens with a full-screen slow-motion video header and guides visitors through a deepening Gallery Walk scroll. Each attar gets its own cinematic section. The page builds desire first, then converts through individual product cards and a bundled closing offer.
Who this template is for
This template is designed for sellers and creators in the traditional attar space who need a page that earns trust before asking for a sale. It suits brands whose products carry a story worth telling visually.
Attar makers and perfumers selling aged, handcrafted, or region-specific fragrances
Bridal fragrance boutiques offering signature oud and rose attars for occasions
Collectors and curators selling or showcasing rare traditional Hindi musk attars
What problem this template solves
Traditional attar brands often struggle to communicate depth, heritage, and quality through standard product pages. A generic layout flattens the experience and loses the buyer before desire is built.
Commodity-style layouts fail to convey the craftsmanship behind copper-deg distillation
Buyers cannot sense quality, origin, or scent complexity from a plain grid or list
There is no clear conversion path that respects the buyer's pace and builds intent naturally
What you get with this template
You get a complete single-page layout that takes a visitor from their first impression straight through to a purchase decision, without ever feeling rushed. Every section is designed to deepen engagement one scroll at a time.
A full-screen video header section with hand-lettered typography overlay
A Gallery Walk product scroll with per-attar tasting notes, origin region, and distillation details
A sticky minimal navigation bar with live cart count tracking
A closing bundle section with a primary "Complete Your Collection" call-to-action
Theme
Atelier Studio
Creative direction
Unboxing Experience
Color system
Soft Mist
Style
Masonry/Pinterest
Direction
Marketplace/Multi
Page Sections
Full-screen Macro Video Header
Gallery Walk Scroll Layout
Progressive Background Deepening
Inline Add-to-collection Buttons
Raw Ingredient Interstitials
Bundled Closing Offer Section
Related questions
How many attars can this template display in the Gallery Walk scroll?
Can visitors add multiple attars to their cart without leaving the page?
What does the sensory quiz in the header do?
Is this template suitable for bridal or occasion-based fragrance offerings?
Does the page function as a complete marketplace on its own?
A header-linked sensory quiz for personalized attar recommendations
Feature list
This template includes a carefully considered set of built-in layout features. Each one serves a specific role in the visitor's journey from curiosity to purchase.
Full-Screen Video Header
A slow-motion macro video of golden attar oil being decanted from a copper still opens the page. After four seconds, a single line of hand-lettered moonstone text appears: "Distilled. Never Manufactured." The section sets tone immediately with no music, only ambient distillery sound.
Gallery Walk Scroll Structure
Each attar occupies its own full-width scroll section, centered on a single large product photograph surrounded by generous negative space. Tasting notes are written in a poetic format covering top note, heart, and base. Origin region, distillation method, and age accompany each piece.
Progressive Background Deepening
The page background shifts almost imperceptibly from lighter tones to deeper plum-black as the visitor scrolls from the lightest scent (rose) toward the heaviest (oud). This pacing technique creates an immersive, sensory atmosphere and encourages full-page exploration.
Per-Product Add-to-Collection Cards
Every attar section carries its own molten amber "Add to Collection" button. Visitors can build a cart inline without interrupting the scroll. The sticky navigation bar at the top reflects the current cart count in real time.
Interstitial Ingredient Frames
Between attar sections, brief full-width close-up frames display raw ingredients such as crushed saffron threads, wet vetiver roots, and agarwood chips. These frames ground each fragrance in its physical source and reinforce product authenticity.
Bundled Closing Offer Section
The final section presents a curated starter set with a bundled price and the primary call-to-action: "Complete Your Collection." This section serves as the page's natural conversion point after desire has been built through the entire scroll.
Page sections overview
Section
Purpose
Video Header
Opens with macro attar footage and brand tagline
Quiz Entry Link
Directs visitors to a three-question sensory quiz
Rose Attar Section
First Gallery Walk card, lightest scent, with tasting notes
Saffron Ingredient Frame
Interstitial close-up grounding the rose fragrance
Vetiver Attar Section
Mid-scroll Gallery Walk card with origin and method details
Vetiver Root Frame
Interstitial raw-ingredient visual between scroll cards
Oud Attar Section
Final Gallery Walk card, deepest scent, heaviest background
Agarwood Ingredient Frame
Interstitial close-up before the closing bundle
Bundle Closing Offer
Curated starter set with bundled price and primary call to action
Sticky Navigation Bar
Tracks cart count across full page scroll
Design & branding system
The visual identity follows a Luxe Minimal theme built around a four-color palette. Every color has a dedicated role, and none are used interchangeably. The overall effect is soft, powdery, and unmistakably expensive without ever feeling loud.
Deep plum-black (#1E1226) forms the primary background and deepens progressively through the scroll
Dusted mauve (#C9B8D9) is used for section wash overlays and supporting backgrounds
Pale moonstone (#F0EAF4) covers body text, tasting notes, and negative space
Molten amber (#D4A24C) is reserved exclusively for price tags, call-to-action borders, and hover states
Mobile & speed optimization
The template is structured with a single-column scroll layout that adapts cleanly to narrower screens. Full-width sections, centered photography, and minimal navigation elements all translate well to mobile viewports without layout breakage.
Full-screen video header is designed to transition gracefully to a static image on mobile
Sticky navigation remains compact and unobtrusive across all screen sizes
Individual attar cards and interstitial ingredient frames stack naturally in a single-column mobile flow
How this template helps you convert
The page is designed to generate desire before it asks for anything. By the time a visitor reaches the closing bundle, they have already engaged with every attar individually and experienced the full collection.
The Gallery Walk scroll builds per-product desire one section at a time, with "Add to Collection" buttons available at each card so buyers act when intent peaks rather than at the end
The "Discover Your Signature" quiz in the header captures undecided visitors early by giving them a personalized recommendation before they scroll, reducing bounce from uncertainty
The bundled closing offer with a curated starter set and a single clear call-to-action converts visitors who explored the full page but have not yet committed to individual items
Other information about this template
This template is built specifically for the traditional attar and itr perfume category, where purchase decisions are driven by story, origin, and craft rather than brand recognition alone. The layout supports a marketplace with multiple products and multiple conversion paths on a single page.
The template is suited for perfumers sourcing from regions such as Kannauj, known for its copper-deg distillation heritage
The sensory quiz path supports three-question flows that end in a personalized attar recommendation
The page structure supports both individual attar purchases and a bundled collection offer within the same scroll
The design system is built around a Lavender Dream color palette with clearly assigned roles for each tone
