Glow is a Neo-Retro Asian skincare clinic landing page built for direct bookings. It combines a hand-illustrated panoramic header, a Pinterest-style masonry gallery of treatment cards, and a sticky package-bundling bar. Designed for Korean and Filipino women in their late twenties and brides seeking glass skin, every scroll section earns trust before asking for the booking tap.
by Rocket studio
Loading preview…
Quick summary
Glow is a single-page booking experience for an Asian facial treatment clinic. It opens with a custom ink-wash illustration, flows through a masonry gallery of expandable treatment cards, and closes with a bridal bundle section and live discount calculator. The design language is Neo-Retro, blending 1960s Hong Kong apothecary warmth with soft neon and terrazzo textures.
Who this template is for
This template fits clinic owners, solo aestheticians, and boutique skincare studios that specialise in Asian skin treatments. It works especially well for practitioners whose clients value both ancestral herbal traditions and clinical-grade actives.
Clinics targeting second-generation Korean and Filipino women in their late twenties
Studios offering gua sha, LED therapy, fermented essence protocols, or rice bran treatments
Practitioners running bridal packages or limited-availability glass skin prep programmes
What problem this template solves
Most beauty clinic templates feel generic. They cannot hold the layered story of a practice where tremella mushroom extracts sit beside infrared sculpting tools. Glow solves this by making the page itself feel like an experience, not a service menu.
Visitors leave before booking because pages show lists instead of results
Bridal clients and regular clients need different calls to action on the same page
Clinic owners have no easy way to present bundled packages with live pricing
What you get with this template
You get a fully structured landing page with seven distinct sections, each designed with a specific job. From the illustrated hero to the minimal footer, every element serves the booking goal.
A custom-illustrated panoramic header with animated micro-details like curling steam and falling droplets
A masonry gallery where each card expands on click to show pricing, duration, therapist selection, and a mini booking form
A sticky bottom bar with a live bundle calculator that updates the discount total in real time
Theme
Neo-Retro
Creative direction
Gallery Walk
Color system
Merlot & Smoke
Style
Masonry/Pinterest
Direction
Direct Sales
Page Sections
Click-to-expand Treatment Cards
Live Package Bundle Calculator
Animated Panoramic Illustration Header
Masonry Gallery with Narrative Rhythm
Postcard-style Testimonial Cards
Bridal Package Section with Urgency Framing
Related questions
Can I customise the treatment names and pricing on the gallery cards?
Does the booking form connect to a live scheduling system?
How does the live bundle calculator in the sticky bar work?
Is this template suited to clinics outside the Asian skincare niche?
How many treatment cards can the masonry gallery hold?
Feature list
This template is built around interactivity and visual narrative. Every feature below comes directly from the template design brief.
Click-to-Expand Treatment Cards
Each masonry card opens on click to reveal treatment pricing, session duration, a preferred therapist dropdown, and a skin concern checklist covering hyperpigmentation, dehydration, hormonal acne, and pre-event preparation. Visitors book without leaving the gallery view.
Live Package Bundle Calculator
The sticky bottom bar hosts a "Build Your Package" tool. Visitors select any three treatments and see a running discount total update in real time, making the value of bundling immediately visible.
Custom Panoramic Ink-Wash Header
The hero section uses a hand-drawn, panoramic illustration rendered in fine ink line with merlot and gold washes. Tiny animated details including steam rising from a warm towel and a droplet falling from a pipette reward visitors who pause to look closely.
Masonry Gallery with Narrative Flow
The Pinterest-style grid mixes tall photographic cards showing skin texture transformations, small square ingredient illustrations, and wide horizontal postcard-style testimonials. The rhythm is intentionally varied, guiding the eye downward from philosophy to treatments to social proof.
Postcard-Style Testimonial Section
Overlapping, rotated postcard cards carry client testimonials styled like handwritten notes. Client names reflect Korean and Filipino heritage, grounding the social proof in the exact community the clinic serves.
Bridal and Packages Section
A dedicated section highlights limited-availability bridal bundles with a visible discount calculator. It speaks directly to brides preparing for glass skin results before tea ceremony photography, creating urgency around a specific, time-sensitive need.
Page sections overview
Section
Purpose
Hero Illustration
Opens the story with the ink-wash panoramic header and animated micro-details
Philosophy Ingredient Strip
Introduces key botanicals in an asymmetric bento layout
Masonry Treatment Gallery
Displays expandable treatment cards with inline booking forms
Postcard Testimonials
Stacks rotated client postcards for layered social proof
Bridal & Packages
Promotes limited bundles with a live discount calculator
Sticky Booking Bar
Persists a "Build Your Package" call to action across the full page
Minimal Footer
Closes with a clean horizontal flow and essential clinic links
Design & branding system
The visual identity is built on a Merlot & Smoke colour system that feels like a velvet jewellery box left open on a vanity. Typography pairs DM Serif Display for headings with Manrope for body copy, creating warmth without sacrificing legibility.
Deep plum-wine (#5B2333) as the dominant mood colour, with charcoal smoke (#3C3C3C) grounding card backgrounds and body text
Blush rice-paper cream (#F2E6D9) providing breathing room between content blocks
Vintage gold (#C9A84C) reserved for hover states, price tags, and booking buttons to add a measured metallic accent
Mobile & speed optimization
The template is built mobile-first, reflecting the Instagram-heavy habits of its primary audience. Layout decisions prioritise a smooth single-column scroll on small screens before expanding to the masonry grid on larger viewports.
Intersection Observer triggers animations only when elements enter the viewport, keeping scroll performance smooth
CSS custom properties maintain theme consistency across breakpoints without redundant style declarations
GSAP line reveals and CSS keyframe micro-animations are scoped to avoid layout shifts during scroll
How this template helps you convert
Every section is sequenced to build trust before presenting a booking prompt. The result is a page where the purchase feels like a natural next step, not an interruption.
The masonry gallery shows texture-level before-and-after results on each card before the booking form appears, so visitors feel informed rather than sold to.
The "Book This Facial" call to action appears only after the visitor taps to expand a card, giving them control and reducing friction at the decision moment.
The live bundle calculator makes the financial benefit of booking multiple treatments immediately visible, encouraging higher-value bookings without requiring a separate pricing page.
Other information about this template
This template is tailored for the Los Angeles market, with English copy, USD pricing, and cultural references drawn from Korean and Filipino skincare traditions. It is a single-page format, not a multi-page website, so all booking interactions happen inline without redirecting visitors.
Typography stack: DM Serif Display for display headings, Manrope for all body and user interface copy
Animation engine: GSAP handles scroll-linked parallax and line reveal effects; CSS keyframes handle the steam and droplet micro-animations in the hero
The template style is Masonry/Pinterest with a Gallery Walk creative direction, making it well suited for clinics that want their service menu to feel curated rather than listed
