Grind - Electrifying Ultrarunning Landing Page Template

Quick summary

Grind is a single-page, full-width immersive template designed for ultrarunning tournament and competition series. It opens with a towering vertical portrait, moves through a community-driven race gallery, and closes on a persistent countdown bar with waitlist capture. Every section earns the next click by putting real runners, real mud, and real buckles front and center.

Who this template is for

This template is built for race directors and organizers running multi-race ultrarunning series. It speaks directly to the runners who enter and the community that grows around every start line.

• Race directors managing a series with multiple distances such as 50K, 100K, and 100M
• Organizers who want to convert both runners and volunteers through the same page
• Series founders who need a page that feels earned, not packaged

What problem this template solves

Most race pages feel like event ticketing forms. They list dates and distances but fail to show the culture that makes people choose one race over another. Grind closes that gap.

• Runners cannot picture themselves in the race from a plain registration page
• Volunteer and crew sign-up often gets buried, losing a key segment of the community
• Countdown pressure and waitlist urgency are missing from most race landing pages

What you get with this template

You get a complete, ready-to-customize landing page that handles the entire conversion journey for a multi-race ultrarunning series. The layout is opinionated, immersive, and built around community proof.

• A towering vertical portrait header with bold race name and date stamp overlay
• A scrolling community gallery with mosaic photo grids, live race stats, and raw testimonial pairings
• Individual race cards with distance selector, wave preference, lottery toggle, and a persistent countdown registration bar

Feature list

This template ships with a focused set of layout and conversion features. Each one is drawn directly from the race-day brief, so nothing feels generic.

Vertical Portrait Header

The header fills the full viewport height with a single narrow runner portrait shot from below. A bold race name and date stamp sit at the bottom like a film title card, setting tone before a single word is read.

Community Gallery Scroll

Each race in the series gets its own gallery section. Runner-submitted photos, finish-line portraits, and drone footage stills load in staggered bursts as the visitor scrolls down, building a sense of a living tribe rather than a corporate event calendar.

Live Race Stats Display

Between gallery sections, pulsing stat blocks show total vertical gained across all finishers, DNF-to-buckle ratios, and the longest elapsed finish time. These numbers do the selling that no marketing copy can.

Multi-Race Registration Cards

Every race in the series has its own card with a "Claim Your Bib" button. Each card includes a distance selector for 50K, 100K, and 100M, wave preference choice, and a lottery entry toggle for high-demand events.

Volunteer and Crew Path

A secondary conversion path sits alongside each race card, letting non-runners sign up to volunteer or crew. This keeps the community whole and captures a segment that most race pages ignore entirely.

Persistent Countdown Bar

A fixed bottom bar counts down to the next registration window and includes an email capture field for waitlist sign-up. It stays visible as the visitor scrolls, maintaining urgency without interrupting the gallery experience.

Page sections overview

Design & branding system

The visual identity follows a Competition Edge theme built on a Dopamine Pop color system. The palette is neon against darkness, electric and intentional.

• Core colors: adrenaline magenta (#E6007E), finish-chute yellow (#FFD23F), deep trail black (#1A1A2E), and electrolyte blue (#00D4FF) used on hover states, countdown timers, and leaderboard accents
• Typography and composition are narrow and vertical, echoing the portrait header and forcing the visitor to feel the grade of a steep climb in the layout itself
• Accent colors fire on interaction points, making every button and timer feel like a headlamp cutting through 2 a.m. darkness

Mobile & speed optimization

The full-width immersive layout is structured to translate naturally to smaller screens without losing its visual intensity. Staggered gallery loading and a fixed bottom bar are both designed with mobile viewing in mind.

• Vertical portrait header is natively suited to phone-sized viewports, filling the screen without cropping the key composition
• Staggered photo bursts in the community gallery keep scroll momentum fluid on touch devices
• The persistent countdown bar and email capture field remain accessible at the bottom of any screen size

How this template helps you convert

Grind is designed around a Marketplace/Multi conversion model. Every layout choice is in service of getting the right person to the right registration path.

1. The community gallery and live stats create social proof before any call to action appears, so visitors arrive at the race cards already convinced by the people who ran before them.
2. Multi-path conversion options, covering runner registration, volunteer sign-up, and waitlist capture, mean the page works for every visitor type, not just the ones ready to race today.

Other information about this template

Grind sits inside the Sports and Recreation category under the Ultra Running subcategory, targeting the Ultra Running Tournament and Competition niche. It is a strong fit for any race brand that wants its page to feel as hard-earned as its buckles.

• The template is built as a single-page, full-width immersive layout with no multi-page navigation required
• The creative direction is Community Gallery, meaning the visual storytelling is the primary sales tool
• The header concept is Vertical/Portrait, an uncommon choice that immediately separates this page from standard event sites
• The landing page direction is Marketplace/Multi, supporting several simultaneous conversion goals within one scrollable experience

Show more