Ultrarun - Elite Academy Landing Page Template

Quick summary

Ultrarun is a single-page bento grid landing page designed for elite ultra running academies. It uses a cinematic scroll sequence, a Carbon Fiber color system, and a booking-focused layout to convert serious runners into coached athletes. Every section earns the next scroll, building trust through proof before presenting the scheduling form.

Who this template is for

This template is built for running coaches and training academies that serve athletes with real race goals. It speaks directly to runners who have already crossed a few finish lines and want structured guidance for longer, harder races.

• Ultra running coaches offering remote plans, in-person camps, or hybrid programs
• Training academies targeting marathon graduates, obstacle-race veterans, and hundred-mile runners
• Running educators who need a booking-first page that leads with credibility and proof

What problem this template solves

Generic sports landing pages fail serious endurance athletes. They look like gym promotions and feel nothing like the sport. Ultrarun solves that gap by giving coaches a page that matches the aesthetic and emotional register of the athletes they serve.

• Coaches lose potential clients when their page does not reflect the seriousness of the sport
• A scattered layout buries proof and presents the booking form too early, before trust is built
• Most templates offer no structured flow from first impression through to a committed scheduling action

What you get with this template

You get a fully designed bento grid landing page with a defined scroll narrative, a dark cinematic visual identity, and a conversion layout built around a scheduling widget. Every row of the grid serves a specific purpose in the athlete's decision journey.

• A dark full-bleed header with a lone ridgeline runner image and animated amber call to action pulse
• A multi-row bento grid covering training phases, coach credentials, athlete testimonials, and a booking module
• A secondary lead-capture path offering a free base phase preview PDF for visitors not yet ready to book

Feature list

This template delivers a focused set of purpose-built components. Each one reflects a real detail from the source brief and serves the booking-focused conversion goal.

Cinematic Bento Grid Layout

The page is structured as a bento grid where each card represents a chapter in a progressively harder race. The grid tightens visually as the visitor scrolls down, mimicking the narrowing focus of a taper week.

Animated Training Phase Cards

The first row displays three cards for the base, build, and peak training phases. Each card features a topographic elevation profile that animates on scroll, giving the layout an interactive, data-driven feel.

Drone Video and Coach Credentials Row

The second row pairs a wide card playing a muted drone clip of a mountain course at golden hour with a tall card showing coach credentials and finish-line statistics. The pairing balances atmosphere with authority.

Black-and-White Testimonial Row

The third row presents athlete testimonials in black-and-white photography. Images are shot mid-race with visible effort, reinforcing the academy's credibility with raw, unfiltered proof.

Booking and Scheduling Module

The final full-width card houses a scheduling widget that collects three inputs in order: target race name or distance, current weekly mileage, and preferred coaching format. The structured intake flow keeps the form intentional and easy to complete.

Free PDF Lead Capture

A secondary call-to-action offers a downloadable base phase preview PDF. This gives undecided visitors a low-commitment entry point while keeping the primary booking path front and center.

Page sections overview

Design & branding system

The Carbon Fiber color system shapes every visual decision on this page. The palette was chosen to feel like running gear laid out the night before a race, purposeful, matte, and ready.

• Deep carbon black (#0D0D0D) as the dominant background, volcanic ash gray (#3A3A3C) for card surfaces, and reflector silver (#C7C7CC) for all body type and data labels
• Headlamp amber (#FF9F0A) reserved for every call-to-action, hover state, distance marker, and the animated glow pulse in the header
• The Adventure Terrain theme is reinforced through topographic line art, single-track imagery, and the cinematic sequence creative direction that makes each scroll feel earned

Mobile & speed optimization

The bento grid layout is designed to restack cleanly on smaller screens without losing its visual hierarchy. The narrow-focus scroll narrative works naturally on mobile, where thumb-driven scrolling mirrors the pacing of the desktop experience.

• Cards reorder to maintain the base-to-booking narrative flow on portrait screens
• The full-bleed header image and amber call to action pulse remain the dominant first impression on all screen sizes
• The booking widget inputs stack vertically on mobile, keeping the three-question intake form accessible and easy to complete

How this template helps you convert

The page is engineered to earn the booking before it asks for it. Proof is stacked in a deliberate order so that by the time a visitor reaches the scheduling widget, the only decision left is which training block to choose.

1. The cinematic header and animated phase cards establish the academy's credibility and training depth before any offer is made, reducing early drop-off from skeptical visitors.
2. The drone footage, coach credentials, and raw testimonial photography layer social and professional proof in sequence, so the booking form arrives after trust is already built.
3. The free PDF secondary path captures undecided visitors into a lead funnel without pulling them away from the primary booking call-to-action.

Other information about this template

This template is categorized under Sports and Recreation, with a specific focus on the ultra running academy and training niche. It is built as a single landing page with a bento grid template style and a booking and scheduling conversion direction.

• The Cinematic Sequence creative direction means each scroll row is designed to feel like a narrative beat, not just a content block
• The Dark Full-Bleed plus Glow header concept is a defining visual feature that sets the emotional tone of the page before a single word is read
• The template is designed for coaches who work with athletes at multiple experience levels, from first fifty-miler attempts to structured hundred-mile periodization programs

Show more