Calibrate is a full-width immersive landing page template built for radiofrequency skin tightening training academies. It combines an editorial illustration header, annotated before-and-after reveal sections, a bento-grid course module display, and a five-question certification path quiz to turn professional visitors into enrolled students.
by Rocket studio
Loading preview…
Quick summary
Calibrate is a precision-built landing page template for radiofrequency skin tightening training academies. It guides licensed aestheticians, nurse injectors, and med-spa owners from first impression to course enrollment through annotated before-and-after reveals, a marketplace-grid module display, and a personalized quiz funnel that recommends the right certification path.
Who this template is for
This template is designed for training academies and educators in the professional aesthetics industry. It speaks directly to practitioners who want to add or expand non-surgical skin tightening services, and to practice owners who need their whole team certified on a single protocol.
Licensed estheticians adding radiofrequency body contouring to their service menu
Nurse injectors and injector-trained professionals expanding beyond neurotoxin treatments
Med-spa owners seeking a structured team certification program for consistent results
What problem this template solves
Aesthetics professionals researching radiofrequency training need more than a course catalog. They need proof that results are reproducible, not accidental, and a clear path to the right program for their license type and goals. Generic training pages do not provide that confidence.
No annotated protocol detail to show prospective students exactly what they will learn
No structured discovery flow to match visitors to the right course based on their background
No layered social proof connecting named practitioners to real, documented outcomes
What you get with this template
Calibrate delivers a complete, high-interactivity landing page with every section a training academy needs to build trust and drive enrollments. The layout is desktop-first but fully responsive, using an asymmetric grid that feels editorial without sacrificing clarity.
A cinematic custom illustration header with a floating stats card and staggered fade animations
Annotated before-and-after reveal sections with a drag slider and email-capture modal for protocol case studies
Theme
Marketplace Grid
Creative direction
Before/After Reveal
Color system
Cloud Canvas
Style
Full-Width Immersive
Direction
Quiz/Assessment
Page Sections
Annotated Before-and-after Reveal Slider
Five-question Certification Path Quiz
Bento-grid Course Module Display
Email Capture Protocol Modal
Custom Illustration Hero Header
Student Outcomes and Testimonials Section
Related questions
Who is this landing page template designed for?
Can I customize the quiz questions and course module tiles?
How does the before-and-after section work?
Does the template include the email capture modal?
Is this template suitable for a single-course academy or a multi-track program?
A bento-grid course module display showing illustration, hour count, and certification badge per tile
A five-question quiz assessment with personalized course routing, pricing, and next cohort date
A student outcomes section with named testimonials, credentials, and cohort stats
Feature list
Annotated Before-and-After Reveal Slider
Each before-and-after pair is annotated with the exact protocol the student will learn: pass count, temperature target, handpiece angle, and treatment duration. The drag slider lets visitors compare results at their own pace, building genuine belief that outcomes are learnable.
Five-Question Certification Path Quiz
The primary call to action routes visitors through five targeted questions covering license type, years of experience, devices in practice, treatment interest, and preferred learning format. Results surface a personalized course recommendation with pricing and the next available cohort date.
Bento-Grid Course Module Tiles
Course modules are displayed as marketplace-style product cards in a bento grid layout. Each tile includes a custom illustration, hour count, and a visible certification badge so visitors can evaluate course depth at a glance.
Email Capture Protocol Modal
A secondary call to action beneath each before-and-after section invites visitors to see the full annotated case study. Clicking it opens an email capture modal, gating the detailed protocol and naturally building the academy's contact list.
Custom Illustration Hero Section
The header features a stylized cross-section illustration of skin layers rendered in the Cloud Canvas palette. Rose-gold energy lines radiate from a sleek handpiece to show collagen tightening under thermal waves, setting a tone of clinical expertise from the first scroll.
Student Outcomes and Testimonials Section
Named testimonials with professional credentials, cohort numbers, and outcome stats appear in a dedicated social proof section. This grounds the academy's claims in real practitioner voices rather than anonymous reviews.
Page sections overview
Section
Purpose
Hero Illustration Header
Opens with custom skin-layer illustration, headline fade-in, asymmetric grid, and floating stats card
Before/After Reveal
Annotated protocol pairs with drag slider and "See Full Protocol" email capture per treatment area
Course Module Grid
Bento-style tiles showing course illustration, hours, and certification badge for each module
Certification Path Quiz
Five-question assessment routing visitors to a personalized recommendation with pricing and cohort date
Student Outcomes
Named testimonials with credentials, cohort numbers, and documented treatment results
Footer
Linear single-row footer with essential navigation and contact information
Design & branding system
The visual identity follows a Marketplace Grid theme built on the Cloud Canvas color system. The palette evokes the feeling of unboxing a luxury device from its linen pouch: warm, tactile, and clinical without feeling cold.
Colors: vapor white (#F4F1ED) backgrounds, warm parchment (#E8E0D5) surface cards, muted rose-gold (#C9A68A) for buttons and progress indicators, and charcoal (#2D2926) for all body text
Typography: DM Sans for body copy, paired with Fraunces display serif for headlines, creating a luxury-editorial tone with clear readability
Illustration style: anatomical but elegant, textbook-meets-editorial, using rose-gold energy lines and the full Cloud Canvas palette throughout
Mobile & speed optimization
The template is built desktop-first to match the research habits of med-spa professionals, but every section adapts cleanly to smaller screens. Interactive components use client-side rendering while static sections use server components to keep load times lean.
IntersectionObserver-driven reveals and staggered fades keep animations smooth without blocking the page
The before-and-after drag slider and quiz assessment are isolated as client components so they do not slow the rest of the page
The bento-grid module layout reflows naturally on tablet and mobile without losing hierarchy or readability
How this template helps you convert
The page is structured as a layered funnel. Each section moves hesitant professionals one step closer to enrollment by building credibility, showing proof, and removing uncertainty about which course fits their career.
The annotated before-and-after reveals convert skepticism into confidence by showing exact protocols alongside real results, so visitors understand what they are paying to learn.
The five-question quiz turns passive browsers into active participants, delivering a personalized recommendation that feels tailored rather than generic, which shortens the decision-making path to enrollment.
Other information about this template
This template is part of the Full-Width Immersive template style family and uses the Marketplace Grid theme. It is suited for any professional aesthetics training brand that needs to communicate protocol-level expertise through visual storytelling.
Animations include marquee text, staggered grid fades, and IntersectionObserver-triggered section reveals throughout the scroll experience
The footer uses Pattern 1 linear single-row layout, keeping the close of the page clean and uncluttered
Localization is set for English, USD pricing, and United States date formatting out of the box
The template supports the B2B2C sales context where the buyer is a professional practitioner, not a consumer end-client
