Lumina is a dark-luxury LED and light therapy landing page built on a modular card grid. It maps each wavelength treatment to its own bookable card, guides visitors through a three-step protocol builder modal, and supports a gift purchase path. The deep aubergine and rose quartz palette creates an intimate, clinical atmosphere that moves browsers toward booking.
by Rocket studio
Loading preview…
Quick summary
Lumina is a single-page landing page designed for a premium LED light therapy studio. It presents wavelength-mapped treatment cards in a modular grid, each with its own booking call to action. A persistent protocol builder and a gift option provide two additional conversion paths, all wrapped in a velvet atelier visual identity.
Who this template is for
This template is built for studio owners, clinic directors, and wellness entrepreneurs who need a high-converting page that feels as refined as the treatments they offer. It suits businesses where multiple services need individual booking flows alongside a broader package offer.
LED and light therapy studios offering red, blue, and near-infrared treatments
Skincare clinics that accept post-procedure recovery referrals from dermatologists
Wellness practitioners targeting performance-focused clients and bridal glow protocols
What problem this template solves
Most wellness service pages present treatments as a flat list, which flattens perceived value and leaves visitors with no clear next step. Lumina solves the problem of choice paralysis and shallow brand trust by turning each wavelength into its own curated experience.
Visitors cannot see a clear difference between treatments, so they leave without booking
No single call to action serves both the decisive buyer and the exploratory browser
Generic templates fail to communicate the clinical credibility and sensory luxury that justify premium pricing
What you get with this template
You get a fully designed landing page with a strong visual hierarchy, multiple conversion paths, and a set of interactive components ready to be connected to your booking and scheduling flows.
A macro close-up hero section with a champagne serif headline and scroll-linked hue shift on the treatment grid
Six modular wavelength treatment cards with hover glow effects, nanometer range labels, session details, and individual booking buttons
A three-step protocol builder modal, a persistent bottom bar, and a Gift a Glow secondary conversion path
Theme
Atelier Studio
Creative direction
Sensory Appeal
Color system
Plum Executive
Style
Card Grid (Modular)
Direction
Marketplace/Multi
Page Sections
Scroll-linked Hue Shift Treatment Grid
Three-step Protocol Builder Modal
Gift a Glow Conversion Path
Wavelength-mapped Treatment Cards
Cinematic Macro Close-up Hero
Archetype-matched Social Proof
Related questions
Can I add more treatment cards to the wavelength grid?
Does the protocol builder modal connect to a booking system?
How does the Gift a Glow path work?
Is this template suitable for a single-treatment studio?
What typography and colors does this template use?
Feature list
Scroll-Linked Hue Shift Grid
As the visitor scrolls through the wavelength treatment grid, the background color subtly shifts to match the featured light color. Red for collagen induction, blue for acne protocol, near-infrared for deep tissue recovery. This creates an immersive browsing experience that reinforces the science behind each service.
Three-Step Protocol Builder Modal
A persistent bottom bar labeled "Build Your Protocol" opens a modal that guides visitors through three choices: concern selection (aging, acne, recovery, or performance), session frequency (weekly or biweekly), and a start date. This handles the multi-session buyer without disrupting the single-session card flow.
Gift a Glow Conversion Path
A secondary purchase option lets visitors buy treatment credits as a gift. This path reframes the buying decision as generosity rather than personal commitment, reducing friction for uncertain visitors and expanding the addressable audience beyond self-directed buyers.
Wavelength Treatment Cards
Each modular card includes a macro texture photograph, the specific nanometer range of the light used, session duration, and a single benefit line written in sensory language. Cards lift on hover with a champagne border glow, making the treatment menu feel curated rather than clinical.
Cinematic Macro Hero Section
The hero features an extreme close-up of skin bathed in 630 nanometer deep red light. The gradient bleeds from crimson to violet across the frame with no face shown, only texture, light, and a champagne type headline. This sets the intimate, scientific tone immediately on arrival.
ICP-Segmented Social Proof Section
The Voices section surfaces testimonials tied to specific client archetypes: post-procedure recovery patients, performance-focused biohackers, and brides. Pairing each testimonial with its archetype builds credibility with readers who see themselves in the same situation.
Page sections overview
Section
Purpose
Hero Close-Up
Cinematic macro skin image with champagne headline sets tone
Wavelength Treatment Grid
Modular cards map each light treatment to a booking flow
The Science
Clinical metrics and credibility data support premium positioning
Who This Is For
Three ICP paths guide recovery, performance, and ritual clients
Voices Testimonials
Archetype-matched social proof builds trust before conversion
Footer Single-Row
Linear single-row footer closes the page cleanly
Design & branding system
The visual identity follows a dark luxury direction inspired by a velvet atelier after hours. Every surface absorbs light rather than reflecting it, creating a sense of intimacy that matches the in-studio treatment experience.
Color palette: deep aubergine (#2D1B33) as the primary background, muted rose quartz (#C9A0B5) for card surfaces, brushed champagne (#D4C5A9) for hover states and accent typography, and clinical white (#F7F5F2) for body text
Typography: Fraunces serif for display headings and DM Sans for body copy, pairing editorial warmth with clinical legibility
Animation and interactivity: scroll-linked hue shifts on the treatment grid, card hover glow with champagne border, modal transitions for the protocol builder, and parallax depth in the hero section
Mobile & speed optimization
The template is designed desktop-first to deliver the full treatment room atmosphere, and it scales responsively to mobile viewports without losing the card grid structure or interaction quality.
Static sections are built with server components for fast initial load, while modal and scroll-effect logic runs on client components only where needed
The modular card grid reflows cleanly on smaller screens, preserving the macro texture images, nanometer labels, and booking buttons at every breakpoint
How this template helps you convert
Lumina is structured to move three different types of visitors toward a purchase without forcing them into a single funnel.
The decisive buyer lands on a treatment card, reads the wavelength, duration, and one-line benefit, and taps "Book This Wavelength" to enter a dedicated scheduling flow immediately.
The research-oriented visitor browses the full grid, reads the Science section and ICP paths, then converts through the "Build Your Protocol" modal after choosing their concern and frequency.
The gift buyer sees the "Gift a Glow" option as a low-friction entry point, converting without needing personal commitment to a treatment plan.
Other information about this template
This template was built for the LED and light therapy studio niche within the broader Beauty and Personal Care and Skincare and Derma Clinic categories. It is a strong fit for studios that serve a mixed clientele of clinical referrals and self-directed wellness clients.
Template style: Card Grid (Modular), suited for studios with three or more distinct service offerings
Theme direction: Atelier Studio with a Plum Executive color system and Sensory Appeal creative direction
Header concept: Macro Close-Up with no face shown, keeping the visual language universal and brand-neutral
Localization defaults: English language, USD pricing format, and US date format for scheduling flows
