Specialty Beauty Treatments Complete Booking Website Template

Quick summary

Liner is a single-page template designed for permanent eyeliner studios. It opens on a dark, full-bleed macro eye image and unfolds through a cinematic scroll sequence. Three bookable service tiers, floating testimonial cards, and a virtual consultation path give visitors every reason to stay, explore, and book.

Who this template is for

This template is purpose-built for permanent makeup artists and specialty beauty studios offering eyeliner services. It speaks directly to clients who are ready to invest in a long-term beauty decision.

• Permanent eyeliner studios offering tiered service menus
• Paramedical aesthetics practitioners serving alopecia and restoration clients
• Luxury beauty studios catering to brides and daily liner users who want a polished, conversion-focused page

What problem this template solves

Most beauty studio pages feel generic. They list services and prices without ever making the visitor feel the result. Liner solves that by leading with story, not with a form.

• Visitors arrive skeptical and leave without booking because the page never creates desire before asking for a commitment
• Studios offering multiple service levels struggle to present each tier clearly without cluttering the page
• Brides, alopecia patients, and everyday liner users have very different motivations, and a single flat layout cannot speak to all three

What you get with this template

You get a fully structured, single-page layout that handles storytelling, service presentation, social proof, and booking in one continuous scroll. Every section is designed to build on the one before it.

• A dark hero section with a pulsing display word and warm lash-line glow, followed by overlapping service tier cards, a four-step process section, and floating testimonial pairs
• Three separate "Book This Style" booking modals, each opening a style-specific intake form asking about preferred thickness, previous permanent makeup, and skin sensitivities
• A virtual consultation path where visitors can upload a bare-eye selfie through a "See Your Liner First" module before committing to a session

Feature list

This template ships with six purpose-built features that reflect the full brief for a luxury permanent eyeliner studio.

Cinematic Scroll Sequence

Each section slides over the previous one at slight angles as you scroll, building visual depth. Short video loops of real procedure moments, including the needle moving and the final reveal, play inline at the relevant narrative beat.

Three-Tier Service Booking

Classic Lash Line, Defined Wing, and Paramedical Restoration each have a dedicated card and a "Book This Style" button. Each button opens a tier-specific intake form that captures preferred liner thickness, prior permanent makeup history, and any skin sensitivities.

Virtual Consultation Module

A dedicated "See Your Liner First" path lets visitors upload a bare-eye selfie before booking. This module appears as a secondary conversion path, reducing the barrier for first-time visitors who are not yet ready to book directly.

Floating Testimonial Cards

Testimonial cards appear between scrolling layers like layered overlays. Each card pairs a named client story with a before-and-after image where the after face is bare except for the liner, letting the result speak without distraction.

Dark Full-Bleed Hero with Glow Animation

The hero section fills the full viewport with a macro close-up of a closed eye. A thin, warm glow traces the finished eyeliner along the lash line. The word "Permanent" pulses slowly in luminous peach type using a subtle opacity animation.

GSAP ScrollTrigger Animations

Scroll-linked parallax, staggered section reveals, and hover glow states are all driven by GSAP ScrollTrigger. Transforms are GPU-accelerated, and images are lazy-loaded to keep motion smooth throughout the page.

Page sections overview

Design & branding system

The template uses a Soft Gradient theme with a Sunset Gradient color system. The palette moves from deep plum-black at the base through warm mauve and dusty rose-gold to luminous peach at interactive elements. It reads like the sky moments after sunset: bruised, warm, and beautiful.

• Colors: deep plum-black (#1A0A14) as the base, warm mauve (#8E4162) through mid-sections, dusty rose-gold (#C98EA6) on overlapping card edges, and luminous peach (#F4C6A0) for glowing calls to action and hover states
• Typography: Fraunces serif display for headlines and DM Sans for body copy, pairing editorial weight with clean readability
• Visual style: cinematic dark luxury with intimate macro photography, overlap-layered card layout, and warm glow accents that reinforce the permanent makeup narrative

Mobile & speed optimization

The template is designed desktop-first to honor the magnifying-mirror intimacy of the macro photography. It is fully responsive and adjusts layouts cleanly for tablet and mobile viewports.

• Images are lazy-loaded throughout, so heavy macro photography and inline video loops do not block the initial page render
• All animations use GPU-accelerated transforms only, keeping scroll performance smooth even on animation-heavy sections

How this template helps you convert

The page is structured so that desire is built before any commitment is requested. By the time a visitor sees a booking button, they have already watched thirty seconds of transformation content.

1. The cinematic scroll sequence moves visitors from curiosity to confidence, showing the needle, the pigment settling, and the final reveal before a single form appears
2. Three separate booking modals mean each service tier gets a dedicated intake flow, reducing friction for visitors who already know which style they want
3. The virtual consultation selfie upload gives hesitant visitors a low-stakes first step, capturing leads who are not yet ready to book but are genuinely interested

Other information about this template

This template is built specifically for the permanent eyeliner studio niche within the broader specialty beauty treatments category. It is part of the Beauty and Personal Care collection on the marketplace.

• The template style is Overlap/Layered, meaning sections physically stack and slide over one another during scroll rather than stacking vertically in a flat sequence
• The creative direction is a Cinematic Sequence, which means the page is intended to feel like a short film, not a brochure
• The header concept is Dark Full-Bleed with Glow, a specific treatment where near-darkness and a single warm light source create maximum visual intimacy
• The landing page direction is Marketplace/Multi, supporting multiple service offerings and multiple conversion paths within one continuous page
• The template uses Fraunces and DM Sans, two fonts well-suited to a luxury beauty aesthetic
• It is localized for English-language markets with USD pricing format and US date conventions

Show more