Liner is a cinematic, overlap-layered landing page template built for permanent eyeliner studios. It guides visitors through a scrolling narrative from hero to booking, presenting three distinct service tiers with individual intake forms. The Sunset Gradient color system, macro eye photography, and GSAP-powered animations create an intimate, luxury feel that earns trust before the first call to action appears.
by Rocket studio
Loading preview…
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
Theme
Soft Gradient
Creative direction
Cinematic Sequence
Color system
Sunset Gradient
Style
Overlap/Layered
Direction
Marketplace/Multi
Page Sections
Cinematic Scroll Sequence with Video Loops
Three-tier Service Booking Modals
Virtual Consultation Selfie Upload
Floating Testimonial Cards with Before-and-after Pairs
Dark Full-bleed Hero with Glow and Pulse Animation
GSAP Scrolltrigger-driven Animations
Related questions
Can I customize the three service tiers for my studio's specific offerings?
Does the virtual consultation selfie upload work out of the box?
Is this template suitable for a solo permanent makeup artist?
Can I remove the paramedical restoration tier if I do not offer that service?
What kind of photography works best in this template?
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
Section
Purpose
Dark Hero
Opens with macro eye image, pulsing "Permanent" headline, and warm lash-line glow to create immediate emotional impact
Service Tier Cards
Presents Classic Lash Line, Defined Wing, and Paramedical Restoration with individual booking call-to-action buttons
Four-Step Process
Asymmetric split layout walking visitors through the procedure transparently, building confidence before they book
Testimonial Layer
Floating before-and-after confession cards from named clients representing the bride, daily user, and alopecia archetypes
Virtual Consult Path
"See Your Liner First" selfie upload module offering a low-commitment entry point for undecided visitors
Final Call to Action
"Book Your Session" section combining urgency and warmth to close the page with a direct booking prompt
Arc Footer
Logo and tagline on the left, navigation links on the right, consistent with Pattern 7 footer layout
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.
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
Three separate booking modals mean each service tier gets a dedicated intake flow, reducing friction for visitors who already know which style they want
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
