Dojo - Inspiring Kids Martial Arts Landing Page Template

Quick summary

Dojo is a single-page, scroll-reveal landing page template for neighborhood kids martial arts academies. It guides parents from first impression to free trial registration through warm animations, a belt progression timeline, and a simple four-field form. The design feels handmade and unhurried, earning trust before asking for anything.

Who this template is for

This template is designed for small to mid-size kids martial arts academies that want to attract local families and fill free trial classes. It suits academy owners, studio managers, and instructors who need a polished online presence without building from scratch.

• Martial arts academy owners targeting families with children aged 4 to 13
• Studio operators who want a conversion-focused page for free trial class sign-ups
• Instructors or school directors who need an approachable, visually warm digital presence

What problem this template solves

Parents browsing for kids activities on their phones need to feel something before they commit. A generic, text-heavy page does not earn that trust. This template solves the gap between "I saw this online" and "I booked the class" by showing transformation before asking for anything.

• Parents cannot picture their child in the studio, so they scroll past without acting
• Generic registration pages feel cold and transactional, which raises hesitation
• Busy families need a fast, clear path from interest to sign-up, especially on mobile

What you get with this template

You get a fully structured, single-page scroll-reveal template with every section pre-built and ready to customize. The layout moves visitors through a deliberate story arc, from the animated hero to the registration form, with micro-interactions at every step.

• A hand-drawn Lottie-style hero animation with a typewriter headline and a pulsing call-to-action button
• A scroll-linked belt-rank timeline, a growing-confidence illustration, and flipping testimonial cards
• A four-field free trial registration form plus a secondary "Download Our Parent Guide" email capture path

Feature list

This template is built around five purposeful, prompt-backed features that work together to move a hesitant parent toward booking a class.

Hand-Drawn Hero Animation

The header opens with a vector-illustrated child in a gi who bows, then snaps into a kick that scatters cherry blossom petals across the viewport. The headline "Every Black Belt Started Exactly Here" writes itself in a warm serif as the petals settle. A single persimmon-colored button pulses gently beneath it.

Scroll-Linked Belt Timeline

A belt-rank progression section animates as colored sashes unfurl across the screen while the visitor scrolls. Milestone moments are highlighted in persimmon to draw the eye. This section gives parents a clear, visual picture of how their child will grow inside the program.

Growing Confidence Illustration

As the visitor scrolls through the confidence section, a small illustrated figure grows visibly taller in sync with their movement down the page. The interaction mirrors the internal transformation kids experience in class. It communicates progress without a single word of explanation.

Flipping Testimonial Cards

Parent quotes are presented as martial arts trading cards that flip with a three-dimensional transition to reveal the testimonial on the back. The format keeps social proof engaging and memorable rather than static. Each card rewards the scroll with a small moment of delight.

Four-Field Free Trial Form

The registration form collects only four pieces of information: the child's first name, their age group selected from a dropdown covering ages 4 to 13, a preferred class day, and a parent's phone number. A secondary call-to-action below the form offers a downloadable Parent Guide in exchange for an email address.

Page sections overview

Design & branding system

The visual identity follows a Warm Artisan theme built on the Soft Mist color system. Every color choice feels deliberate and grounded, like a handmade object rather than a mass-produced one. The typography pairs a warm serif display face with a clean, readable body font.

• Color palette: morning fog white (#F5F0EB) for backgrounds, deep gi navy (#2C3A4B) for body text, warm dojo wood (#C4A882) for accents, and gentle persimmon (#E8734A) reserved for buttons and milestone highlights
• Typography: Fraunces serif for display headings and DM Sans for body copy, creating an earthy yet legible reading experience
• Illustration style: intentionally imperfect line work that resembles a parent's sketchbook, keeping the tone warm and human rather than corporate

Mobile & speed optimization

This template is built mobile-first, reflecting the reality that most parents will discover the academy on their phone during school pickup. Every section is designed to perform well on small screens, and the scroll-linked animations are handled through client-side components to keep static content fast.

• Mobile-first layout ensures the hero, timeline, and form all read clearly on small screens without horizontal scrolling
• Scroll-linked animations use client components while static sections use server components, keeping the page load lean
• The four-field registration form is thumb-friendly, with a dropdown for age group and large tap targets throughout

How this template helps you convert

The page is structured around one primary conversion goal: booking a free trial class. Every section earns the visitor's trust before the call-to-action appears, so the ask feels natural rather than pushy.

1. The animated hero establishes emotional connection immediately, showing the warmth and joy of the studio before a single word about pricing or schedules appears.
2. The belt timeline and confidence illustration give parents a concrete vision of their child's journey, building desire and reducing the fear of the unknown.
3. The persistent footer call-to-action button and the secondary Parent Guide download ensure that visitors at every stage of readiness have a clear next step available.

Other information about this template

This template is a strong fit for any kids martial arts school looking to run seasonal enrollment campaigns or promote specific class schedules. The Parent Guide download path makes it useful beyond the primary registration goal by capturing emails from families who are not yet ready to commit.

• The page is structured as a single scroll-reveal landing page, not a multi-page website
• The registration form dropdown covers three age groups: 4 to 6, 7 to 9, and 10 to 13
• Preferred class day options in the form are Saturday Morning and Wednesday Evening
• The footer follows a Pattern 1 linear single-row layout, keeping the bottom of the page clean and uncluttered
• The Surprise and Delight creative direction ensures every scroll reveal feels rewarding rather than overwhelming
• This template suits academies teaching karate, taekwondo, judo, or any belt-based kids martial arts program

Show more