Rally — Inclusive Sports Landing Page Template

Quick summary

Rally is a warm, motion-driven landing page template for inclusive queer sports leagues. It uses a Desert Rose color system, alternating content sections, and a low-friction registration panel to turn curious visitors into registered players. Every design choice supports one clear message: this is a space where you belong, and the sport is just the beginning.

Who this template is for

This template is built for queer-led sports leagues, LGBTQ+ community organizations, and recreational teams that want to attract new members and fill their rosters. It suits organizers who want to lead with story before they lead with a sign-up form.

• League coordinators running dodgeball, softball, indoor volleyball, kickball, or cornhole seasons
• Community builders who want to offer a social alternative to the nightlife scene
• Allies and co-organizers launching new sports teams with an explicitly inclusive mission

What problem this template solves

Many queer adults want to play team sports again but cannot find leagues that feel safe and welcoming. Generic sports websites do not speak to their experience. This template closes that gap by blending authentic storytelling with clear logistical information, so visitors immediately know they are in the right place.

• No roster prints the wrong name, and no form uses outdated gender dropdowns
• Visitors who are not yet ready to commit can choose "Come Watch First" instead, lowering the barrier to entry
• The page communicates inclusion year-round, not only during Pride months

What you get with this template

You get a fully structured single-page layout with six distinct content sections, a sticky call-to-action bar, and a slide-up registration panel. Every section is ready to customize with your league's photos, schedules, and player quotes.

• Hero testimonial card, zigzag sport sections, sport selector cards, pull-quote block, and a linear single-row footer
• Registration panel with freeform pronouns field, multi-select sport checkboxes, and experience-level selector
• Desert Rose brand color system with Fraunces serif headlines and DM Sans body type

Feature list

Testimonial Card Hero

The header floats a single oversized player card on a sand-wash background. It features a mid-action photo, the player's first name and pronouns in sage, and a raw two-line quote in mesa shadow. A desert-rose glow shadow makes the story feel warm and immediate.

Zigzag Alternating Layout

Sections alternate between kinetic photography and short narrative blocks. Parallax scrolling on images creates a sense of bodies in motion. Each zig-zag pair advances both the physical thrill of play and the deeper community story.

Slide-Up Registration Panel

The "Claim Your Spot" button opens a slide-up panel. Fields include first name, freeform pronouns, email, sport interest checkboxes, and experience level. The form is simple, inclusive, and easy to complete on a phone at the park.

Sport Selector Cards

The "What We Play" section displays sport cards for dodgeball, softball, indoor volleyball, running, and open gym. Each card can link to a schedule or season dates, giving interested visitors the logistical details they need.

Sticky Call-to-Action Bar

After the third section, a desert-rose sticky bar stays visible at the bottom of the screen. It keeps the primary "Claim Your Spot" action within reach without interrupting the reading flow.

Secondary "Come Watch First" Path

A softer secondary call to action links visitors to the next spectator-friendly local event. No form required. This path is designed for people who are interested but not yet ready to register, meeting them where they are.

Page sections overview

Design & branding system

The visual identity follows a Nature-Inspired Desert Rose theme. Warm desert tones create a golden-hour atmosphere that feels welcoming rather than corporate, and the typography pairing keeps headlines editorial while body text stays readable.

• Sand (#E8D5C4) backgrounds, sage (#9B8E7E) secondary type and dividers, desert rose (#D4727E) buttons and pull-quotes, mesa shadow (#3D2B2B) headlines
• Fraunces serif for display headlines, DM Sans for body copy and form labels
• Scroll-triggered reveals, parallax image animation, and smooth CSS scroll behavior throughout

Mobile & speed optimization

The template is built mobile-first because players discover local events and check league news on their phones, not at a desk. The layout adapts cleanly to small screens without losing the energy of the kinetic photography sections.

• Images are lazy-loaded to keep the initial page load feeling snappy
• The slide-up registration panel and sticky bar are touch-friendly and easy to interact with on mobile
• Smooth scroll behavior is set at the CSS level for consistent cross-device feel

How this template helps you convert

The page is structured to build emotional connection first, then convert. Visitors move from a personal player story to league information to a frictionless sign-up, with multiple touchpoints along the way.

1. The hero testimonial card creates immediate belonging before a single sport is mentioned, drawing people in with a real human story
2. The sticky call-to-action bar keeps "Claim Your Spot" visible after the third section, so motivated visitors never have to scroll back up to find the form
3. The "Come Watch First" secondary path captures individuals who are curious but cautious, giving them a way to connect without full commitment

Other information about this template

This template is inspired by the real need for vibrant, safe spaces where queer and trans people can build friendships through sport rather than through the nightlife scene. The design goal is to amplify that mission visually and structurally.

• The rally inclusive queer sports league landing page template is ideal for leagues that want to meet new people and grow their community with authenticity
• Duncan Campbell and the team behind the Rally app created Rally as a social platform built by and for the LGBTQIA+ community, helping users find new friends, discover local events, and join local sports teams; this template draws on those same values of inclusion and community-first design
• The Rally app is available on iPhone and allows users to create a profile highlighting their sports, pronouns, and identities; leagues using this template can link to the app as an additional way for members to connect, chat, and stay in touch
• Leagues in the UK, in Barcelona, and across the US have found that offering sports as a social alternative helps individuals who are waiting for a community they can call their own
• A designated point of contact for sensitive questions is easy to add to the footer or registration panel, supporting outreach for anyone who needs to get in touch before they feel ready to board a team
• This template works well for businesses and organizations launching in February for spring season sign-ups or any time of year, since inclusion should be demonstrated across all seasons, not only during Pride

Show more