Liner - Precision PMU Landing Page Template

Liner is a gallery and detail landing page built for a permanent eyeliner training academy. It leads with healed results, guides visitors through three course tiers, and closes with an email lead-capture form. The Atelier Studio design uses soft gallery white, warm linen, graphite, and rose-gold to create a calm, craft-forward atmosphere that moves browsers toward enrollment.

by Rocket studio

Quick summary

Liner is a single-page template designed for a permanent eyeliner (PMU) training academy. It uses immersive macro photography, a healed-results gallery, and three tiered course cards to convert licensed estheticians, lash technicians, and career-changers into enrolled students. The warm Atelier Studio aesthetic keeps the page feeling precise and inviting from the first scroll to the final call to action.

Who this template is for

This template is built for beauty educators and training academies offering permanent makeup eyeliner courses. It speaks directly to buyers who need to present multiple course options while building trust through visible craft.

  • Licensed estheticians and lash technicians looking to add permanent makeup services to their menu
  • Career-changers with a beauty background who are ready to pursue formal PMU certification
  • Academy owners and independent PMU educators who sell tiered course enrollments online

What problem this template solves

Most training pages describe their courses in text blocks and call it done. Visitors leave unconvinced because they never see the actual results, feel the craft, or understand what separates one course tier from another.

  • Prospective students struggle to trust a training program without seeing real healed work and transparent pricing
  • Academies lose warm leads because there is no low-friction path for visitors who are interested but not yet ready to book
  • Generic beauty page layouts cannot communicate the precision and artistry that permanent eyeliner training demands

What you get with this template

The template delivers a complete, single-page enrollment experience built around visual proof and tiered course presentation. Every section earns the next click before asking for commitment.

  • A cinematic hero section with a lifestyle photography header and a serif tagline fade-in animation
  • A macro craft section, a healed-results gallery with lightbox expansion, three course tier cards, student testimonials, and a syllabus email capture form
  • GSAP scroll-reveal animations, silent video loops, a sticky mobile call-to-action bar, and FAQ-style course card expansion

Feature list

This template ships with purpose-built components that reflect the specific needs of a permanent eyeliner training business.

A curated image grid shows healed eyeliner outcomes. Each thumbnail expands into a detail view displaying the before, fresh application, and six-week heal side by side. The lightbox gives prospective students the visual proof they need before committing.

Three-Tier Course Cards

Fundamentals, Certification, and Masterclass courses each appear as an elegant card showing available dates, pricing, kit inclusions, and remaining seat counts. Each card carries a primary "Reserve Your Seat" call-to-action button styled in rose-gold on graphite.

Syllabus Email Capture Form

A secondary conversion path collects a first name and email in exchange for the course syllabus. This captures warm leads who are interested but not yet ready to reserve a seat, keeping them in the enrollment funnel.

Macro Craft Photography Section

A dedicated sensory section uses close-up photography of needle cartridges, pigment drops, and practice skin. Silent video loops show gloved hands at work. Together they pull visitors into the physical reality of the craft before presenting any course offer.

Sticky Mobile Call-to-Action Bar

A persistent bottom bar on mobile devices keeps the "Reserve Your Seat" action visible at all times. Beauty consumers browse primarily on phones, so this component ensures the primary conversion action is never out of reach.

GSAP Scroll-Reveal Animations and Counter Effects

Scroll-triggered reveals animate each section into view as visitors move down the page. Counter animations highlight seat availability. The pacing builds narrative tension and compresses the emotional journey from curiosity to enrollment intent.

Page sections overview

SectionPurpose
Hero headerIntroduce the atelier with a lifestyle photo and serif tagline
Craft sensory gridBuild intimacy through macro tool and pigment photography
Silent video loopsShow technique in motion without interrupting the scroll
Healed results galleryProve outcomes with before, fresh, and healed image sets
Course tier cardsPresent Fundamentals, Certification, and Masterclass options
Testimonials blockReinforce trust with student portfolios and healed work
Syllabus capture formCapture emails from visitors not yet ready to book
Footer sectionProvide navigation and contact closure

Design & branding system

The Atelier Studio theme uses warm minimalism to position the academy as a craft-led, trustworthy institution. Every color and type choice reinforces precision and calm.

  • Color palette: gallery white (#F7F5F2), warm linen (#E8E0D5), graphite pencil (#3B3B3B), and muted rose-gold (#C4A882) reserved for buttons, hover states, and price tags
  • Typography: Fraunces serif for display headings and DM Sans for body copy, creating a contrast between editorial craft and clean readability
  • Visual style: shallow depth-of-field photography, blown-out natural window light, and a deliberately restrained layout that keeps focus on the work

Mobile & speed optimization

The template is built mobile-first because beauty consumers browse and make decisions on their phones. Layout and interaction choices reflect that priority throughout.

  • Responsive single-column stacking ensures the gallery, course cards, and forms read clearly on small screens
  • Lazy video loading means silent loops do not block the initial page render on mobile connections
  • The sticky call-to-action bar keeps the primary conversion button visible without requiring any scroll back to the top

How this template helps you convert

The page earns trust before it asks for anything. The sequencing of content is deliberate and designed to move a skeptical visitor toward a confident booking decision.

  1. Healed results appear first so visitors see proof of quality before they read a single course description, establishing credibility immediately
  2. The three course cards present transparent pricing, dates, kit details, and seat counts together, removing the friction of follow-up questions and creating natural urgency
  3. The syllabus capture form provides a low-commitment exit ramp that keeps undecided visitors connected, giving the academy a second chance to convert them

Other information about this template

This template is categorized under Beauty and Personal Care, specifically within the Specialty Beauty Treatments niche. It is built as a Gallery and Detail landing page following a Marketplace and Multi conversion direction.

  • The header concept follows a Lifestyle Shot format: a close-up frame of a student's gloved hand and instructor fingertip with natural window light and a blown-out background
  • The Sensory Appeal creative direction drives the scroll experience, using physical detail and craft intimacy to build emotional investment before the course offer appears
  • The Cloud Canvas color system underpins every design decision, evoking an artist's worktable at golden hour with stretched cotton, charcoal, and a single brass lamp
  • The footer uses a Vercel Horizontal Flow pattern (Pattern 3) and the page is localized for English, USD pricing, and United States date formats
Liner - Precision PMU Landing Page Template
Liner - Precision PMU Landing Page Template
Liner - Precision PMU Landing Page Template
Liner - Precision PMU Landing Page Template

Theme

Atelier Studio

Creative direction

Sensory Appeal

Color system

Cloud Canvas

Style

Gallery + Detail

Direction

Marketplace/Multi

Page Sections

Healed Results Gallery with Lightbox

Three Tiered Course Cards

Syllabus Email Capture Form

Macro Craft and Video Loop Section

Sticky Mobile Call-to-action Bar

GSAP Scroll Animations and Counters

Related questions

What course options does this template present?

Can the template capture leads who are not ready to enroll?

How does the healed results gallery work?

Is this template designed for mobile users?

What media formats does this template support?