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
Loading preview…
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
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?
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
