Palette — Elite Beauty Artistry Training Landing Page Template
The Palette Professional Makeup Artistry Academy landing page template is a gallery and detail landing page designed for makeup artistry academies. It combines a dramatic Before/After Slider hero, an interactive course module grid, instructor credibility section, student transformation gallery, and a freemium two-step sign-up form, all wrapped in a deep aubergine and champagne color system that showcases cosmetics expertise with editorial elegance.
by Rocket studio
Loading preview…
Quick summary
Palette is a stylish, single-page landing page template built for makeup artistry academies. It blends a high-impact Before/After Slider hero with a curated course grid, instructor credibility content, and a freemium free-module call to action. The design presents beauty education with the same polish and brand confidence you would expect from a luxury cosmetics storefront.
Who this template is for
This template is designed for beauty professionals who teach and train, not just practice. It serves anyone launching or growing a makeup education brand online.
Licensed cosmetologists who want to add editorial makeup skills to their existing services
Bridal freelancers building portfolios strong enough to command premium day rates
Career-changers ready to go professional and promote their makeup artistry legitimately
What problem this template solves
Many makeup academies struggle to showcase their teaching quality online. A plain site with a list of courses rarely earns trust. Visitors leave before signing up because nothing demonstrates the real craft. This template solves that by letting every card on the course grid present a looping video of instructor hands at work.
Prospective students can watch real technique before committing to any form
The scroll structure mirrors a semester of growth, building confidence and conversions
A simple two-step sign-up form removes friction and captures leads without a credit card
What you get with this template
You get a complete, ready-to-use landing page built around a gallery and detail structure. Every section is designed to engage your audience, present your curriculum clearly, and move visitors toward your free module offer.
A full-width Before/After Slider hero with a champagne divider and animated headline
A square-card course module grid with hover reveals and a click-to-open detail panel
A sticky free-module call-to-action bar with a two-step modal sign-up form
Theme
Marketplace Grid
Creative direction
Curated Collection
Color system
Plum Executive
Style
Gallery + Detail
Direction
Freemium/Trial
Page Sections
Before/after Slider Hero
Interactive Course Module Grid
Instructor Credibility Section
Student Transformation Masonry Gallery
Sticky Free-module Call to Action Bar
Two-step Freemium Sign-up Form
Related questions
Who is this landing page template designed for?
Does this template require a credit card to demonstrate the freemium model?
Can I customize the course grid cards and brand colors?
How does the Before/After Slider work?
Is this template suitable for a single course or a full curriculum?
Palette — Elite Beauty Artistry Training Landing Page Template Template | Build Fully Functional Applications with Rocket
Feature list
This template ships with a focused set of interactive and visual tools that highlight teaching quality and showcase your makeup artistry brand.
Before/After Slider Hero
The hero section uses a draggable slider to display a bare face alongside a fully transformed editorial look. A champagne-gold divider pulses gently to invite interaction. A headline fades in above the image, setting the brand tone immediately.
Interactive Course Module Grid
Square cards are arranged in escalating complexity from Foundation and Skin at the top to Editorial and Avant-Garde at the bottom. Hovering any card reveals the module title, lesson count, and difficulty tier. Clicking opens a detail panel with a looping instructor video, a supply list, and student result thumbnails.
Instructor Credibility Section
A split-layout section presents instructor credentials, key stats, and a direct quote. This section helps build trust before visitors reach the sign-up form, ensuring your teaching authority is clear and credible.
Student Transformation Masonry Gallery
A masonry gallery showcases authentic student results with photo thumbnails. Displaying real outcomes with photos emphasizes the success of graduates and gives prospective students tangible proof of what they can achieve.
Sticky Free-Module Call to Action
A sticky bar appears after the second scroll fold and stays visible as users browse. It links directly to the two-step modal form, ensuring a primary call-to-action button is always present without interrupting the browsing experience.
Two-Step Freemium Sign-Up Form
Step one collects a first name and email. Step two lets the visitor choose one of three complimentary starter lessons: Flawless Base, Everyday Eye, or Bridal Glow. No credit card is required. Simple lead forms with minimal fields increase completion rates.
Page sections overview
Section
Purpose
Before/After Hero Slider
Showcase transformation craft with interactive drag
Course Module Grid
Display makeup techniques in escalating complexity cards
Instructor Credibility Block
Present credentials, stats, and quote in split layout
Student Transformation Gallery
Highlight authentic student makeup results
Sticky call to action Bar
Keep free-module sign-up visible during scroll
Two-Step Modal Form
Capture leads with a simple, low-friction sign-up
Single-Row Footer
Provide brand links in a clean linear format
Design & branding system
The visual style is velvet-lined luxury editorial. It feels opulent without being loud, using a Plum Executive color system that reads as boardroom-level elegance rather than novelty. Consistent typography and color choices reflect a professional aesthetic throughout.
Deep aubergine (#3C1642) anchors section backgrounds; crushed mauve (#8E5572) carries buttons and hover states
Champagne highlight (#F2E2CE) washes across cards and modal overlays; soft graphite (#2E2E2E) keeps body copy legible
Plus Jakarta Sans headings and DM Sans body text create a modern, fashion-forward typographic pairing
Mobile & speed optimization
The template is designed for a desktop-first editorial browsing experience and is fully responsive across all devices. Visitors on phones or tablets get the same brand impact as desktop users.
Server Components handle static sections, keeping the page ready without unnecessary load
Client Components are scoped to interactive elements like the drag slider, hover reveals, and modal form
The layout scales cleanly on all screen sizes, ensuring content and cosmetics imagery display beautifully
How this template helps you convert
A high-converting landing page template for a makeup artistry academy must blend strong visuals with trust-building elements. This template is designed to earn each click before asking for it.
Embedding looping instructor-hand videos inside every course card enhances user engagement and proves teaching quality upfront, so visitors feel confident choosing a free module.
The sticky call-to-action bar combined with a two-step modal keeps the sign-up path easy and prominent, ensuring conversions happen without pressure or credit card friction.
Other information about this template
This template is well suited for spas, hairdressers, beauty influencers, and cosmetics studios that offer structured education alongside their services. It works equally well for beauty professionals launching a standalone online store of digital courses or for an existing beauty business adding a freemium education channel.
The lookbook-style course grid functions like a digital lookbook, a curated collection of photographs and video designed to promote a brand's curriculum to clients and engage customers through visual storytelling
A beauty blog section can be added to the site to share makeup tutorials, skincare tips, and beauty routines, helping build trust with your audience over time
The template is built to showcase lipsticks, cosmetic makeup techniques, and fashion-forward editorial styles with equal visual impact
It helps promote services to beauty influencers and creative professionals who value a stylish, content-rich online presence
The Palette Professional Makeup Artistry Academy landing page template is a ready-to-customize starting point; you can set your brand colors, swap in authentic academy imagery, and explore layout options to make the site your own
