Home
Templates
Beauty & Personal Care
Dry Skin Beauty
Quench - Luxe Dryskin Landing Page Template
Quench is a luxe minimal landing page template built for a dry skin subscription box. It combines a 3D hero product spin, a gallery-walk card grid, and a progressive three-step sign-up form into one persuasive single-page flow. The freemium trial path, skin quiz, and sticky call-to-action bar work together to turn first-time visitors into monthly subscribers.
by Rocket studio
Quench is a card grid landing page template designed for a curated dry skin subscription box. It opens with a CSS 3D rotating product jar, moves through a modular gallery card grid, and closes with a progressive sign-up form and sticky trial bar. Every section is built to earn trust and move a visitor toward a free first-box trial.
This template is built for founders and marketers who sell a curated skincare subscription to people with chronically dry skin. It is ideal for brands whose audience lives in harsh climates, works in high-sanitizer environments, or has outgrown generic moisturizers.
Most skincare subscription pages look like a product catalog. They list ingredients but never show what relief actually looks like. Visitors with real skin problems need more than a bulleted product list, they need to feel seen and then be shown proof.
You get a fully structured, single-page layout built around one core goal: converting a dry-skin visitor into a monthly subscriber through a free trial offer. The template is mobile-first, visually editorial, and rich with interactive components straight out of the source design.




Theme
Luxe Minimal
Creative direction
Gallery Walk
Color system
Merlot & Smoke
Style
Card Grid (Modular)
Direction
Freemium/Trial
Page Sections
3D Rotating Hero Product Jar
Modular Gallery Card Grid
Second Skin Quiz Path
Progressive Three-step Sign-up Form
Scroll-triggered Sticky Trial Bar
Asymmetric Bento Box Contents Section
Can I change the color palette to match my own brand?
Does the skin quiz work out of the box?
Is the three-step sign-up form connected to a payment processor?
Can I use this template for a gift subscription offering?
What typography comes with this template?
This template includes purpose-built components that serve the dry skin subscription category directly.
The header section features a CSS 3D animation of the signature overnight barrier balm jar rotating on a matte charcoal pedestal. The jar is uncapped and the cream inside catches light as it turns, showing texture. The thin serif headline appears only after one full rotation, creating a cinematic reveal that holds attention from the first second.
Each card in the modular grid is designed as a standalone exhibit. Card types include a serum dropper close-up, a three-line ingredient story with botanical illustration, a timestamped before-and-after wrist photograph, a product flat lay, and a subscriber quote. Cards entrance with staggered animation and hover states activate gallery-style interactions.
A 60-second interactive skin quiz lets visitors select their skin concern, tightness, flaking, redness, or all three, and receive a personalized box tier recommendation. This secondary conversion path is designed to convert quiz-completers at a higher rate than cold visitors arriving directly at the sign-up form.
The sign-up form reveals its steps one at a time: skin concern selector, shipping address, then payment details. The final step shows a clear "$0 today, $44/month after" disclosure. Progressive disclosure reduces form anxiety and keeps the commitment feel proportional to the visitor's readiness.
After the visitor scrolls past the third row of gallery cards, a sticky bar appears at the bottom of the screen. It carries the primary call to action, "Try Your First Box Free," in crushed rose on charcoal. A scroll trigger activates it at exactly the right moment, when social proof has already done its work.
The "What's Inside" section uses an asymmetric bento layout to present box contents with ingredient callouts. This section gives curious visitors a detailed look at what arrives each month without turning the page into a spec sheet.
| Section | Purpose |
|---|---|
| Hero Spin Header | Introduce the product through a 3D rotating jar with delayed headline reveal |
| Gallery Card Grid | Build sensory trust through modular exhibit-style product and proof cards |
| What's Inside Bento | Show box contents and ingredient callouts in an asymmetric layout |
| Skin Quiz Call to Action | Route curious visitors toward a personalized box recommendation |
| Testimonials Section | Reinforce trust with before-and-after imagery and timestamped subscriber quotes |
| Sticky Trial Bar | Keep the primary free-trial call to action visible after the third card row |
| Footer Split Layout | Anchor the page with logo, tagline, and navigation links |
The visual identity follows a Luxe Minimal theme. Think of a velvet-lined drawer in a dim apothecary: soft enough to feel safe against bare skin, dark enough to feel like indulgence rather than medicine. Every design decision pushes away from clinical and toward ritual.
This template is built mobile-first because the primary audience browses on their phone during a commute or a work break. Every layout decision starts from the smallest screen and scales up rather than the reverse.
Quench is designed around a freemium trial model where the first conversion goal is a zero-cost commitment, not an immediate $44 purchase. Every structural decision supports that path.
This template is part of a Beauty and Personal Care category build focused on the dry skin subscription box niche. It is localized for English-language audiences using United States dollars and United States date formatting.