Torch - Inspiring Inclusion Landing Page Template
Torch is a zigzag landing page template built for Special Olympics chapters and community sports programs serving athletes with intellectual disabilities. It combines a mosaic hero header, alternating athlete story sections, animated impact stats, an upcoming-events layout, and a four-field registration form, all in a warm, nature-inspired color system designed to move families from first scroll to signed-up athlete.
by Rocket studio
Quick summary
Torch is a cause-driven, single-page landing page template for inclusive community sports chapters. It leads with a cascading photo mosaic, moves through athlete stories and collective impact numbers, and closes with a streamlined registration form. The design feels like golden-hour at a county track meet, warm, kinetic, and built to make every family feel welcome before they ever fill in a field.
Who this template is for
This template is made for organizations running sports and recreation programs for people with intellectual disabilities. It works especially well for chapters that hold regular Saturday events across multiple sport types and rely on family sign-ups and volunteer recruitment to keep seasons running.
- Families of athletes with intellectual disabilities who are looking for a seasonal sports community
- Volunteer coordinators seeking college students, retired coaches, and corporate groups
- Chapter leaders who need a single page that handles both athlete registration and volunteer interest
What problem this template solves
Finding and signing up for an inclusive sports program should not feel like filling out medical paperwork. Most community sports pages either look clinical and cold, or they bury registration behind walls of text. Families arrive already emotionally invested, they just need a page that matches that energy and makes the next step obvious.
- No clear emotional hook to show families what the experience actually feels like
- Registration flows that feel bureaucratic rather than welcoming
- Volunteer paths that are hard to find and even harder to act on
What you get with this template
You get a fully structured, scroll-optimized landing page with seven distinct sections, each purpose-built for a specific conversion moment. The layout alternates photo and narrative in a left-right zigzag rhythm that builds emotional momentum from individual athlete stories to collective impact to action.
- A Community Mosaic hero with tile-cascade animation and a bold knockout headline
- Three zigzag athlete story sections, an animated impact stats block, and an upcoming-events layout
- A four-field registration form, a volunteer email capture section, and a horizontal footer
Feature list
A paragraph introducing the feature set: every component in Torch is built around the idea that movement is the metaphor. The page never stands still because a chapter like this never does.
Community Mosaic Hero Header
Dozens of square-cropped candid photographs arrange themselves into the shape of the chapter's state or region. The mosaic loads tile by tile in a quick cascade, and a single line of white knockout text reads "Every athlete. Every event. Every cheer." From a distance it reads as geography; up close every tile is a face and a story.
Zigzag Athlete Story Sections
Three alternating panels place kinetic athlete photography on one side and cause-driven narrative on the other. The scroll physically bounces left to right like a runner weaving through cones. Each panel builds emotional intensity, moving from personal stories like "Meet David, 200m freestyle" toward collective chapter impact.
Animated Impact Stats Block
A bento-style stats section displays collective numbers such as 1,247 athletes across 14 sports. Counter animations trigger on scroll, giving the numbers a sense of live momentum rather than a static data table.
Upcoming Events Zigzag Layout
Event cards follow the same alternating rhythm as the athlete stories. Each card carries event details and a direct call to action, so families can move from reading about a swim gala or bocce tournament straight to registering.
Four-Field Registration Form
The athlete registration form asks only for first name, sport interest with checkbox icons, age group, and guardian email. Four fields, nothing clinical. It sits in a catalyst orange section so it stands out clearly without interrupting the page's visual flow.
Volunteer Email Capture
A secondary conversion path offers a single-email sign-up for seasonal volunteers. It reads "Volunteer This Season" and is designed to catch college students, retired coaches, and corporate groups who arrive on the page through a different intent than athlete families.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Mosaic Header | Establish emotional identity and display the chapter's community at a glance |
| Athlete Story Panels | Build personal connection through individual athlete narratives in zigzag layout |
| Impact Numbers Block | Show collective chapter scale with animated counters across sports and athletes |
| Upcoming Events Cards | Present scheduled events in zigzag format with direct registration calls to action |
| Athlete Registration Form | Capture athlete sign-ups via a four-field form in the primary call-to-action section |
| Volunteer Sign-Up Section | Provide a secondary email capture path for prospective seasonal volunteers |
| Horizontal Footer | Close the page with chapter links and supporting information |
Design & branding system
The visual identity follows a nature-inspired theme that feels like a trail through old-growth woods opening suddenly into a sun-filled clearing. Colors stay calm and rooted through the page's narrative sections, then ignite at every action moment.
- Deep forest teal (#0D5C63) anchors primary section backgrounds; sunlit meadow (#E8F0E4) lights up alternating panels; warm bark brown (#5C4033) grounds body text
- Catalyst orange (#E8702A) appears exclusively on buttons and call-to-action moments to create clear, unmistakable action signals
- DM Sans in bold carries headings with energy and clarity; Crimson Text in italics handles pull quotes and athlete narrative moments
Mobile & speed optimization
The template is built mobile-first because families are most likely checking the page on a phone while standing at an event. The layout adapts cleanly to small screens without sacrificing the emotional impact of the mosaic or the zigzag rhythm.
- A sticky bottom bar on mobile keeps the "Register Your Athlete" call to action visible at all times during scroll
- Scroll-triggered reveals and tile-cascade animations use client-side components while static content uses server components for efficient loading
- The registration form and volunteer email capture are touch-friendly and require minimal input on small screens
How this template helps you convert
The page earns the registration click by showing faces before forms. Families see the community first, feel the welcome, and arrive at the sign-up already wanting to be part of it.
- The mosaic hero and athlete story sections build trust and emotional connection before any ask is made, so the form feels like joining a family rather than completing paperwork.
- The catalyst orange registration section and sticky mobile call-to-action bar remove friction at the final step, keeping the primary path visible no matter where a visitor is on the page.
- The separate volunteer path captures a second audience segment without competing with the primary athlete registration flow, maximizing the page's overall conversion reach.
Other information about this template
Torch is designed to serve the full event season, not just a single signup moment. It supports chapters running multiple sport types across track, swimming, and field events. The zigzag layout scales naturally if additional athlete story panels or upcoming event cards need to be added for a longer season calendar.
- The template is categorized under Community and Nonprofit, with a specific focus on disability and inclusion nonprofit use cases
- Typography pairing of DM Sans and Crimson Text is chosen for warm readability across both bold headlines and narrative pull quotes
- The page is localized for English-language audiences using United States date formatting and currency conventions
- Mosaic hover states add an interactive dimension to the hero, letting curious visitors engage with individual athlete tiles before scrolling further




Theme
Nature-Inspired
Creative direction
Movement & Cause
Color system
Teal Catalyst
Style
Zigzag/Alternating
Direction
Event Registration
Page Sections
Community Mosaic Hero with Tile Cascade
Zigzag Athlete Story Layout
Animated Impact Stats Bento Block
Upcoming Events Section with Registration Links
Four-field Athlete Registration Form
Secondary Volunteer Email Capture
Related questions
What types of sports events does this template support showcasing?
How many fields does the athlete registration form include?
Can this template support both athlete families and volunteers on the same page?
Is the page designed to work well on mobile phones?
Can I add more athlete story sections or event cards to the page?