Glow is a luxe minimal landing page template built for African American skin subscription boxes. It uses a single-column scroll flow, draggable before/after product reveals, and a three-step inline quiz to turn first-time visitors into trial subscribers. The warm Merlot and Smoke palette, editorial full-bleed photography, and freemium call to action work together to build trust with Black women tired of products that were never made for their skin.
by Rocket studio
Loading preview…
Quick summary
Glow is a single-column landing page template designed for a melanin-focused skincare subscription box. It pairs a cinematic full-bleed hero with draggable before/after product reveals, floating testimonials, and a three-step inline quiz. The freemium call to action invites visitors to try their first box for free, lowering the barrier to conversion while the visual design builds deep emotional trust.
Who this template is for
This template is built for founders and marketers running a direct-to-consumer skincare subscription aimed at Black women. If your products are formulated for deeper skin tones and you need a page that earns trust before asking for commitment, Glow is the right fit.
Subscription box brands serving Black women aged 25 to 45 who have been burned by mainstream skincare
Beauty entrepreneurs launching a melanin-focused box featuring serums, oils, or treatment masks
Gift-market sellers targeting buyers shopping for Black women in their lives
What problem this template solves
Most skincare landing pages are built around generic imagery and broad copy. They fail the buyer who has spent money on products that pilled, oxidized gray, or simply ignored her undertone. Glow solves the trust gap with real transformation photography and copy that speaks directly to that specific frustration.
Visitors land with skepticism from past product disappointments, and this template addresses that skepticism visually before asking for any personal details
Standard templates lack the formulated-for-you message that makes deeper skin tones feel seen rather than accommodated
Generic freemium pages create friction early; this template delays the credit card ask until step three of the quiz
What you get with this template
You get a complete single-column landing page built around three editorial before/after reveal sections, a conversion-focused inline quiz, and a visual identity that communicates luxury without distance. Every component works together to carry the visitor from curiosity to trial signup.
A full-bleed cinematic hero with an animated headline rise and two primary call-to-action placements
Theme
Luxe Minimal
Creative direction
Before/After Reveal
Color system
Merlot & Smoke
Style
Single Column Flow
Direction
Freemium/Trial
Page Sections
Full-bleed Cinematic Hero Section
Draggable Before/after Sliders
Floating Italic Testimonials
Three-step Inline Quiz
Dual Freemium Call to Action Placement
GSAP Scrolltrigger Animations
Related questions
Can I replace the product photography with my own brand images?
Does the quiz send data automatically to a mailing list?
Can I edit the call-to-action copy and pricing details?
Is this template designed to work well on mobile phones?
How many sections does this landing page template include?
Three draggable before/after sliders (serums, masks, oils) each paired with a floating italic testimonial
A three-step inline quiz covering skin concern, undertone preference, and shipping details
Feature list
This template is built around a focused set of interactive and visual components. Each one earns its place by solving a specific conversion or trust problem for this audience.
Full-Bleed Cinematic Hero
The header section uses an editorial full-bleed photograph of luminous brown skin in golden-hour lighting. After a two-second hold, the headline rises from the bottom in champagne type. This opening sets the emotional tone and communicates the brand promise before a single word of body copy appears.
Draggable Before/After Sliders
Three dedicated scroll sections each showcase one product category through a draggable comparison slider. The left side shows skin in flat clinical light before use; the right side reveals the same skin in warm golden light after eight weeks. The draggable interaction is hands-on proof the visitor can control.
Floating Italic Testimonials
Between each before/after reveal, a single-sentence customer testimonial floats in merlot italic type. These micro-moments of social proof are placed at peak emotional attention, using words that signal belonging rather than clinical endorsement.
Three-Step Inline Quiz
The conversion section opens a guided quiz directly on the page. Step one asks about skin concern (hyperpigmentation, dryness, texture, or sensitivity). Step two captures undertone preference including a "not sure, help me" option. Step three collects shipping details. No credit card is required until step three.
Freemium Call to Action Placement
The primary call to action reads "Try Your First Box for $0" and appears in two deliberate locations: once beneath the hero and once after the final before/after reveal. Placement is intentional so neither position feels like pressure.
GSAP ScrollTrigger Animation System
The template uses GSAP ScrollTrigger for parallax scrolling, clip-path reveals, and headline entrance animations. All transforms are GPU-accelerated to keep motion smooth without heavy layout repaints.
Page sections overview
Section
Purpose
Hero full-bleed
Opens with editorial skin photography and animated headline
Serums before/after
Draggable slider and floating testimonial for serum results
Masks before/after
Draggable slider and floating testimonial for mask results
Oils before/after
Draggable slider and floating testimonial for oil results
Quiz call to action
Three-step inline quiz leading to free trial signup
Footer social links
Minimal footer with social links and copyright only
Design & branding system
The visual identity follows a Luxe Minimal direction built around four signature colors. The palette is warm and editorial, designed to feel like candlelight against brown skin rather than a clinical white-lab backdrop. Typography pairs Plus Jakarta Sans for body copy with Fraunces serif for display headlines.
Deep merlot (#4A0E2C) anchors headlines, pull quotes, and floating testimonials; warm champagne (#E8D5C4) covers background surfaces so product photography breathes naturally
Charcoal smoke (#2C2C2E) handles primary text and section dividers without feeling harsh against the warm palette
Muted rose gold (#B08D79) drives all interactive elements including buttons and call-to-action highlights
Mobile & speed optimization
Beauty discovery happens on mobile first, so the entire template is structured as a mobile-first single-column flow. The scroll pacing, slider interaction, and quiz steps are all designed to feel intuitive on a phone screen without compromising the editorial quality of the full desktop view.
Images are lazy-loaded so the page does not wait for every photograph before becoming interactive
All animations use GPU-accelerated CSS transforms to keep motion smooth on mobile hardware
How this template helps you convert
Every structural decision in this template is aimed at reducing the specific resistance a beauty subscriber feels before handing over her email and eventually her card details.
The before/after sliders give visitors something to interact with before committing to the quiz, creating a small investment of attention that makes the next step feel natural.
The three-step quiz removes the cold-form anxiety of a generic signup. It signals that the box will be personalized to her actual skin, not shipped to everyone identically.
The freemium model copy ("Cancel before your second box and pay nothing") removes financial risk at the exact moment the credit card field appears, keeping the emotional tone warm rather than transactional.
Other information about this template
This template is built as a direct-to-consumer landing page for the United States market, priced and localized in USD with English copy. It is part of the African American Skin Beauty subcategory within Beauty and Personal Care.
The footer follows a minimal Pattern 4 style with social links and copyright only, keeping the end of the page clean and uncluttered
The template is designed for high animation fidelity using GSAP, with ScrollTrigger parallax and clip-path reveals for a premium editorial feel
The single-column flow suits brands that want the story to move at a deliberate pace rather than branching into navigation menus or multiple pages
