A modular, card-grid landing page built for a competitive kids yoga league. It greets visitors with an animated isometric illustration, then lets parents and coaches tap into scoring rubrics, regional chapter maps, a video library, and a gated League Starter Kit download. The playful Citrus Burst color system makes every section feel energetic, focused, and built for families who take fun seriously.
by Rocket studio
Loading preview…
Quick summary
This landing page template is purpose-built for a structured competitive youth yoga league. It combines an animated isometric hero, an interactive card-grid explorer, a pose-by-pose scoring section, a regional chapter map, and social proof into one cohesive, mobile-first design. Every visual and functional choice is aimed at earning trust from parents and giving coaches the logistics they need.
Who this template is for
This template fits organizations that run structured, non-contact physical programs for children between roughly four and twelve years old. It works equally well for B2C parent acquisition and B2B outreach to program directors or homeschool co-ops.
Parents seeking disciplined, non-contact athletic programs for their children
Homeschool co-ops and after-school program directors looking for structured physical education
Regional league organizers who need to recruit both families and chapter coaches
What problem this template solves
Most sports program pages either look too corporate for families or too casual for coaches who need real logistics. This template speaks to both audiences at once, without sacrificing clarity for either.
Parents land and immediately see legitimacy through scoring rubrics, testimonials, and achievement stats
Coaches and program directors get direct paths to chapter-start toolkits within three clicks
The gated email capture appears only after genuine engagement, so the ask never feels premature
What you get with this template
You get a fully structured, single-page layout built around interactive exploration rather than passive scrolling. Every section serves a clear purpose and a clear audience segment.
An animated isometric hero with the headline "Stretch. Score. Shine." and breathing hexagonal illustrations
A reshuffling modular card grid covering scoring rules, a regional map, a video library, and a how-it-works flow
A single-field email gate that activates after a visitor opens at least two cards, plus ungated access to a scoring guide PDF
Theme
Playful Geometric
Creative direction
Interactive Explorer
Color system
Citrus Burst
Style
Card Grid (Modular)
Direction
Content/Resource
Page Sections
Animated Isometric Hero
Reshuffling Modular Card Grid
Pose-by-pose Scoring Rubric
Regional Chapter Map
Behavior-triggered Email Gate
Social Proof with Badge System
Related questions
Who is this landing page template designed for?
How does the email capture work in this template?
Can coaches and parents both find what they need quickly?
What interactive features are included in this template?
Is the scoring guide available without signing up?
Feature list
This template ships with a tightly integrated set of interactive components and visual systems, all drawn from the project brief.
Animated Isometric Hero Section
Tiny illustrated children hold yoga poses on hexagonal mats arranged in a honeycomb layout, each hex tinted in a different citrus color. The shapes expand and contract on a breathing loop. A floating scoreboard reads "Regional Finals, Round 3." The headline lands in bold deep açaí type across the upper third of the screen.
Interactive Reshuffling Card Grid
Every card in the modular grid acts as an entry point into deeper content. A parent exploring "How Scoring Works" sees judging-criteria cards rise to the top. A coach clicking "Start a Chapter" surfaces toolkit cards. The grid adapts to user interest without a page reload, making navigation feel like exploring rather than reading.
Pose-by-Pose Scoring Rubric Section
A bento-style grid breaks down the competition scoring system into illustrated, digestible blocks. Each block covers one judged element: form, breath control, and creative flow sequences. Parents see exactly how their child is evaluated, and coaches see what they need to teach.
Regional Chapter Map with Pulsing Dots
An interactive map displays active league chapters as pulsing citrus-colored dots. Visitors can use a zip-code lookup to find a chapter near them. Chapter count metrics and competition stats sit alongside the map to reinforce scale and credibility.
Gated League Starter Kit Download
After a visitor opens at least two cards, a single-field email capture appears. It gates the downloadable League Starter Kit, which serves as the primary conversion point and the entry to the chapter-registration nurture sequence. The flow is designed to earn the ask with value before making it.
Social Proof with Achievement Badges
Parent and coach testimonials appear alongside visual achievement badges and competition metrics. Key lime green marks badge and progress indicators, making the proof section feel like a celebration rather than a sales pitch.
Page sections overview
Section
Purpose
Hero with Animation
Establishes tone, brand identity, and primary headline
Interactive Card Grid
Lets visitors self-direct into scoring, map, video, and how-it-works content
Scoring Rubric Grid
Explains judging criteria in illustrated, digestible pose-by-pose blocks
Regional Chapter Map
Shows active chapters via zip-code lookup and pulsing citrus dots
Social Proof Strip
Builds credibility with parent and coach testimonials and achievement badges
Footer Pattern
Provides a clean single-row linear close with secondary navigation links
Design & branding system
The visual identity follows a Playful Geometric theme built around the Citrus Burst color system. Typography is set in Plus Jakarta Sans for headings and DM Sans for body copy, both chosen for high readability at small screen sizes.
Tangerine pop (#FF6B35) drives all calls-to-action and active card borders
Lemon squeeze (#FFD23F) washes section backgrounds with warmth without overwhelming text
Key lime glow (#44CF6C) marks achievement badges and progress indicators throughout
Deep açaí (#2E1760) anchors all typography so the bright palette stays grounded and readable
Mobile & speed optimization
The template is built mobile-first, reflecting the reality that most parents will visit on their phones during pickup or between activities. Layout and interactions scale cleanly from small screens up.
CSS animations are GPU-accelerated to keep the breathing hex loop and card transitions smooth on mobile hardware
Scroll-reveal effects use IntersectionObserver so elements animate only when they enter the viewport, reducing unnecessary processing
The card grid stacks and reflows gracefully on narrow screens without losing the explorer-style interaction model
How this template helps you convert
The conversion architecture assumes visitors need to feel informed before they feel asked. The flow is engineered to build trust at every scroll depth.
The ungated scoring guide PDF is available immediately, giving skeptical parents a concrete reason to stay and explore before any email is requested
The card grid surfaces the most relevant content based on what a visitor has already clicked, so both parent and coach journeys feel personally relevant
The email gate appears only after two card opens, making the League Starter Kit download feel like a reward for curiosity rather than a toll at the door
Other information about this template
This template is built for a USA-based audience with localization set to United States, USD currency formatting, and MM/DD/YYYY date display. The page direction is Content and Resource hub, meaning depth of information is a feature, not a liability.
Animation intensity is set to high, covering breathing hex loops, card expand and collapse, scroll reveals, and pulsing map dots
Interactivity level is high, including the reshuffling card grid, the zip-code chapter lookup, and the behavior-triggered email gate
The footer uses Pattern 1, a linear single-row layout that keeps the close clean and uncluttered
The template style is Card Grid (Modular), making it straightforward to add, remove, or reorder content cards as the league grows
