Blade - Elite Speedskating Landing Page Template

Quick summary

Blade is a full-page, single-scroll landing page designed for a speed skating league or association. It opens with a viewport-filling ice-level photograph and guides visitors through a living gallery of race days, development sessions, and community moments. The primary goal is event registration, supported by a clear secondary path for members and volunteers.

Who this template is for

This template speaks directly to the people who show up before sunrise and stay until the ice is resurfaced. It is built for organizations that need to turn a passionate community into registered racers and active members.

• Speed skating leagues and associations running short track, long track, or marathon events
• Junior development programs recruiting athletes and communicating with parents
• Masters skating clubs and volunteer-led organizations managing seasonal sign-ups

What problem this template solves

Most sports organization pages bury the registration link, present cold institutional copy, and show little proof that a real community exists. Blade fixes this directly.

• Visitors land without context and leave before they find the sign-up form
• Leagues struggle to show the atmosphere, people, and culture that make joining feel worthwhile
• Competitive athletes need a clear path to enter specific events and divisions, not a generic contact form

What you get with this template

You get a fully realized single-page layout that doubles as both a race-day hub and a membership recruiting tool. Every section is purposeful, visually distinct, and designed to keep a visitor scrolling.

• A full-bleed, ice-level hero section with knockout type and no overlay clutter
• A staggered community gallery broken into themed chapters covering race day, junior development, and masters skating
• A stepped event registration form covering event type, age division, personal best, and emergency contact, plus a lighter membership path for non-competitive skaters and volunteers

Feature list

This section covers the core built-in capabilities of the Blade landing page template.

Full-Bleed Hero Section

The header fills the entire viewport with a low-angle, ice-level photograph. A single line of knockout white text sits at the bottom of the frame. There is no overlay gradient, no border, and no competing visual noise. The image and the tagline do all the work.

Stepped Event Registration Form

The primary call to action opens a multi-step form. Visitors choose their event type (short track, long track, or marathon), select their age division, optionally enter a current personal best to seed heat assignments, and provide emergency contact details. The form is structured to reduce drop-off by presenting one decision at a time.

Secondary Membership Path

A separate sign-up flow serves non-competitive skaters, parents, and volunteers. It requires only a name, an email address, and a role selection. This keeps the main registration form clean and uncluttered for competitive athletes.

Community Gallery Layout

The page is organized as a living gallery wall. Each full-page scroll section represents a chapter of league life: race day with result overlays and personal-best callouts, junior development with candid training imagery, and the masters community with post-skate moments and age-group podium shots. Images are staggered, slightly overlapping, and paired with short first-person member captions.

Pinned Registration Call to Action

After the first scroll, the "Register to Race" call to action pins to the bottom of the viewport. It stays visible and accessible throughout the entire scroll journey without blocking the gallery content above it.

Industrial Raw Visual System

The color system uses rink-black, Zamboni steel, ice-glare white, and timing-clock amber. Amber is reserved specifically for calls to action, live result overlays, and hover states. The overall feel references high-ISO documentary film: grain, tungsten warmth bleeding into cold blue shadows, steel and ice as the primary textures.

Page sections overview

Design & branding system

The visual identity follows an Industrial Raw theme rendered in a Cinematic Dark color palette. Every design decision references the atmosphere of a training rink before dawn, where the lights are just coming on and the ice is still perfect.

• Four-color palette: rink-black (#0B0E13) for backgrounds, Zamboni steel (#3A3F47) for surface contrast, ice-glare white (#E8ECF1) for body text and headings, and timing-clock amber (#D4860B) exclusively for calls to action, result overlays, and hover states
• Photographic treatment channels high-ISO documentary film aesthetics with visible grain, tungsten warmth in the highlights, and cold blue shadows in the midtones
• Gallery layout uses staggered, slightly overlapping image placement with short first-person captions to create the feel of a physical photo album rather than a polished corporate grid

Mobile & speed optimization

The layout is structured to remain functional and visually coherent on smaller screens. The staggered gallery and pinned call to action are both designed with vertical scroll patterns in mind.

• The pinned "Register to Race" bar anchors to the bottom of the viewport across screen sizes, keeping the primary action reachable at all times
• The stepped registration form breaks the sign-up process into individual screens, which reduces friction on mobile and keeps each step focused
• Full-bleed hero imagery and gallery sections are laid out to scale without cropping the essential focal points of each photograph

How this template helps you convert

The template earns the registration click by building trust through community evidence before it ever asks for a commitment.

1. The gallery sections present real competitive and social proof, showing prospective members and athletes that an active, welcoming community already exists and has a place waiting for them.
2. The pinned call-to-action bar keeps the registration path visible throughout the scroll, so a motivated visitor never has to hunt for the sign-up button after the gallery persuades them.
3. The stepped form design reduces the perceived weight of registration by presenting one question at a time, making the process feel manageable even for first-time competitors entering a personal best.

Other information about this template

Blade is a storybook-style layout, meaning the page is designed to be experienced as a continuous narrative rather than a collection of independent sections. The scroll itself is part of the storytelling.

• The template is suited for speed skating associations that host multiple event formats and need a single page to serve both competitive and non-competitive audiences
• The personal best field in the registration form is optional but is specifically designed to seed athletes into heats, which reflects real competition management practice for speed skating events
• First-person captions pulled from member voices are a built-in content direction, meaning the design already allocates space and visual weight for authentic community quotes
• The amber color is reserved by design for calls to action and result callouts only, keeping the visual hierarchy strict and preventing amber from being diluted by decorative use

Show more