Essential Oils & Diffusers Store Professional Website Template
The Distill Seasonal Scent Discovery Subscription Box landing page template is a bento grid layout built for essential oil and fragrance subscription brands. It combines a draggable before/after hero slider, urgency-driven countdown timer, discovery tile cards, a scarcity gallery of sold-out boxes, and a three-tier subscription drawer, all styled in a warm desert sunset gradient palette on a deep navy background.
by Rocket studio
Quick summary
The Distill seasonal scent discovery subscription box landing page template gives wellness and fragrance brands a single-page conversion engine. It opens with a tactile before/after hero, flows through bento discovery tiles loaded with product detail, and closes with a timed call to action. The page is built to balance sensory storytelling with transactional clarity from the first scroll.
Who this template is for
This landing page is designed for brands and creators who sell curated perfume or essential oil subscription boxes. The page communicates warmth, trust, and urgency to the right audience without relying on generic copy.
- Yoga instructors and wellness practitioners who want a Studio bulk-subscription tier for restocking their space between sessions.
- New parents and home-scent upgraders who need strong trust signals and natural, safe-ingredient messaging near the purchase decision.
- Direct-to-consumer fragrance and beauty brands launching a seasonal subscription box and needing a high-converting landing page on day one of their launch.
What problem this template solves
Selling a fragrance or perfume subscription online carries a built-in challenge: customers cannot smell through a screen. Most landing pages for subscription boxes fail because they either overwhelm visitors with dense product copy or strip out the sensory story entirely. This template solves both problems at once.
- It replaces flat product shots with an interactive before/after slider that makes the transformation from cluttered countertop to curated ritual feel tangible, giving visitors a reason to stay on the page.
- It uses a live countdown timer and greyed-out sold-out box gallery to create genuine urgency without shouting, so the scarcity message lands as story rather than pressure.
- It presents three subscription tiers in a slide-up drawer with a clean monthly or quarterly billing toggle, removing the friction that makes perfume subscription sign-ups feel like high commitment.
What you get with this template
This template arrives as a complete, ready-to-adapt landing page. Every section is purposefully sequenced to guide visitors from curiosity to checkout with minimal distraction. The page limits external links deliberately, keeping the audience focused on the subscription sign-up from start to finish.
- A draggable before/after hero slider with a floating countdown timer, bento discovery tiles, a scarcity gallery of past subscription boxes, a three-tier pricing drawer, and a gift-a-box secondary conversion path.
- Full Fraunces serif display type paired with Manrope body text, layered over a saffron-to-rosehip-to-lavender sunset gradient on a warm twilight navy canvas.
- High-animation interactions including slider drag, tile hover reveals, a pulsing call-to-action button, and a tap-to-rotate diffuser card, all delivered in one cohesive landing page build.
Feature list
This landing page template is loaded with purpose-built components that serve both brand storytelling and subscription conversion.
Draggable Before/After Hero Slider
The header splits a single living room scene into two states. The left side shows a cluttered countertop of generic candles under flat light. The right side reveals a ceramic diffuser, amber bottle lineup, and golden-hour warmth. Visitors drag the divider themselves, making the scent transformation feel hands-on before they read a single word of copy.
Bento Grid Discovery Tiles
Below the hero, the page arranges discovery cards in a bento grid layout. One tile shows the month's hero oil, such as hinoki, with origin farm photography. Another card displays the diffuser silhouette with a tap-to-rotate interaction. A third tile stacks named, photographed five-star micro-reviews, because at least 86% of shoppers find reviews critical for subscription purchases.
Urgency Countdown Timer and Scarcity Gallery
A dusted lavender countdown timer floats above the hero, counting down to box close. As visitors scroll deeper, greyed-out cards of past subscription boxes marked SOLD OUT appear, reinforcing scarcity through visual story rather than aggressive sales copy. The gradient intensifies section by section, warming from saffron toward rosehip as the offer appears to close.
Three-Tier Subscription Pricing Drawer
Clicking the floating "Lock In This Box" call-to-action opens a slide-up drawer. Inside, three subscription tiers appear: Solo for oils only, Ritual for oils plus diffuser, and Studio for bulk practitioner orders. A single billing toggle lets visitors save by switching between monthly and quarterly billing. Transparent pricing and visible savings make the value of each tier easy to compare at a glance.
Gift Subscription Path
A secondary conversion line reads "Send Someone a Season." It opens a lightweight form asking only for the recipient name, email, and a scent preference between grounding, uplifting, or calming. This path lets visitors purchase a gift box without navigating away from the page, expanding the brand's reach to gifters alongside direct subscribers.
Sunset Gradient Visual System
The entire page runs on a four-color sunset gradient: deep saffron, soft rosehip, dusted lavender, and warm twilight navy. Bento tiles float on the navy base. Featured subscription cards carry saffron-to-rosehip gradient washes. Lavender appears on hover states and the countdown timer. The result is a cohesive brand language that feels warm and intentional across every element of the page.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Before/After Slider | Tactile transformation reveal with floating countdown timer |
| Bento Discovery Tiles | Product detail cards with oil origin, diffuser rotation, and reviews |
| Scarcity Box Gallery | Greyed-out sold-out boxes reinforcing seasonal urgency |
| Subscription Tier Drawer | Three-tier pricing with monthly or quarterly billing toggle |
| Gift Box Path | Secondary form for gifting a seasonal fragrance box |
| Footer Row | Linear single-row brand close with logo and minimal links |
Design & branding system
The visual identity follows a Directory and Discovery theme expressed through a Sunset Gradient color system. Every color decision connects to a specific function on the page, keeping the brand experience consistent from the first pixel to the final call to action.
- Colors: deep saffron (#E07A2F), soft rosehip (#D4607A), dusted lavender (#9B7EC8), and warm twilight navy (#1E1A3A). Saffron and rosehip appear on featured subscription cards, lavender on hover states and the countdown, and navy anchors all backgrounds.
- Typography: Fraunces serif for all display headings and tile headlines, Manrope for body copy and pricing details. The pairing creates a warm luxury sense that matches the intimate, hand-sourced brand message.
- Shapes and layout: bento tiles with varied shapes and sizes float on the navy background. Gradient washes bleed between tiles, echoing the concept of a desert sky shifting through the final forty minutes of daylight.
Mobile & speed optimization
The template is built desktop-first with full mobile responsiveness across every section. Visitors browsing on any device will encounter the same immersive gradient experience and interactive elements, scaled to their screen.
- The bento grid reflows cleanly on smaller screens. Discovery tiles stack in a readable single-column order. The slide-up subscription drawer works as a native-feel sheet on mobile.
- Interactions are handled through client-side components for slider drag, diffuser rotation, and the pulsing call-to-action button. Static sections use server components, keeping the page load efficient for visitors arriving mid-scroll on a mobile device.
How this template helps you convert
A landing page for a seasonal scent discovery box must balance sensory storytelling with transactional clarity. This template does both. Visual hierarchy guides visitors from the hero transformation moment through product discovery, then through scarcity signals, and finally to the pricing drawer with one clear call to action.
- The before/after slider delivers the value proposition immediately at the top of the page, so visitors understand the lifestyle shift that the subscription offers before they scroll past the first section.
- The countdown timer and sold-out gallery create a sense of urgency that compounds as visitors scroll deeper. The gradient intensifying section by section is itself a visual count, reinforcing that time and availability are both running out.
- The slide-up tier drawer with a billing toggle highlights pricing and savings side by side, reduces commitment friction, and keeps every subscription path inside one focused page without sending visitors to a separate site.
Other information about this template
This template is designed for direct-to-consumer essential oil and perfume subscription brands that want a complete, high-converting landing page without starting from scratch. Several well-known perfume subscription box companies have shaped buyer expectations in this category, and this template is built to meet those expectations.
- Services like Scentbird, the Perfume Society, and the Wicked Good Perfume Subscription Box have shown that descriptive scent language and sample transparency build confidence. This template gives your brand the layout space to communicate oil origin, olfactive notes, and sample sizes clearly, addressing the reality that customers cannot smell through a screen.
- Brands like the Skylar Scent Club and the Scent Trunk model demonstrate that personalization and blend discovery are strong hooks. This template supports that concept through the scent-preference gift form and the tier system, letting users self-select their subscription path.
- Custom boxes and sustainable packaging are increasingly important trust signals. This template includes a badge-ready zone in the bento tiles where brands can place certifications such as cruelty-free, sustainable packaging, or IFRA compliance alongside product photography, reinforcing quality and brand integrity.
- The page supports a pre-launch sign-up form path if the subscription box is not yet live. Brands can adapt the primary call to action to collect email addresses for their first order waitlist, building an audience before the box ships.
- Subscription box packaging serves a dual role of protecting contents and reinforcing brand identity. The template's unboxing moment focus, with origin photography, the diffuser reveal tile, and the scarcity gallery, mirrors the way thoughtfully designed packaging acts as a marketing tool across social media platforms and drives unboxing videos that extend reach organically.
- The gift subscription path is a natural entry point for autumn and summer gifting seasons, expanding sales beyond direct subscribers and reaching new customers through gifter referrals.
- Companies in the beauty and fragrance subscription space benefit from limiting external links to keep visitors focused. This template's minimal footer and focused link structure keep the page pointed at one outcome: subscription sign-up.
- Subscription boxes can help businesses reduce packaging waste over time by standardizing box shapes and insert counts. Brands using this template can communicate their sustainable packaging approach directly within the bento discovery tiles.




Theme
Directory & Discovery
Creative direction
Limited Time
Color system
Sunset Gradient
Style
Bento Grid
Direction
Marketplace/Multi
Page Sections
Draggable Before/after Hero Slider
Bento Grid Discovery Tiles
Countdown Timer and Scarcity Gallery
Three-tier Slide-up Subscription Drawer
Gift Subscription Conversion Path
Sunset Gradient Visual Identity System
Related questions
Can I customize the subscription tier names and pricing in the drawer?
Does the countdown timer connect to a live inventory or backend system?
Can I use this landing page to collect pre-launch sign-ups before my box is ready to ship?
How does the gift subscription path work for visitors?
Can the bento tiles be used to display trust badges or sustainability certifications?