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.
Healed Results Gallery with Lightbox Expansion
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
| Section | Purpose |
|---|---|
| Hero header | Introduce the atelier with a lifestyle photo and serif tagline |
| Craft sensory grid | Build intimacy through macro tool and pigment photography |
| Silent video loops | Show technique in motion without interrupting the scroll |
| Healed results gallery | Prove outcomes with before, fresh, and healed image sets |
| Course tier cards | Present Fundamentals, Certification, and Masterclass options |
| Testimonials block | Reinforce trust with student portfolios and healed work |
| Syllabus capture form | Capture emails from visitors not yet ready to book |
| Footer section | Provide 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.
- Healed results appear first so visitors see proof of quality before they read a single course description, establishing credibility immediately
- 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
- 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




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?