Home
Templates
Beauty & Personal Care
Specialty Beauty Treatments
Liner - Luminous Eyeliner Landing Page Template
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
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.
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.
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.
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.




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
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?
This template ships with six purpose-built features that reflect the full brief for a luxury permanent eyeliner studio.
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.
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.
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.
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.
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.
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.
| 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 |
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.
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.
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.
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.