Scrum — Competitive Rugby League Landing Page Template

Quick summary

Scrum is a single-page rugby club website designed to convert visitors into registered attendees. The design system pairs deep black backgrounds with adrenaline magenta and high-vis yellow. Every section of the page earns the registration click before asking for it, guiding four distinct audience types from hero to form.

Who this template is for

This template serves rugby clubs that need to reach multiple audiences from one focused page. The design keeps each user path clear without cluttering the layout.

• Club secretaries managing fixture cards and Saturday league sign-ups
• Parents registering children for junior rugby programmes
• Corporate event managers and touring sides searching for hospitality packages

What problem this template solves

Most club websites bury their registration links and lose visitors before the form ever loads. This rugby landing page solves that with a cinematic scroll that builds atmosphere first, then converts.

• Visitors search for match day events, junior programmes, or venue hire and land somewhere flat and uninspiring
• No single page captures all four audience types without forcing each to search for separate forms
• Generic sports layouts fail to reflect the grit and community of grassroots rugby scrum culture

What you get with this template

You get a complete, ready-to-customise landing page with every section pre-built and purposefully ordered. The design saves significant setup time compared to building from scratch.

• Viewport-dominant hero with a macro close-up concept and condensed uppercase headline
• Cinematic sequence scroll with parallax storytelling from dawn pitch to clubhouse
• Asymmetric bento grid showcasing four offer types plus a pinned registration form

Feature list

This template is packed with purposefully designed components that work together as a cohesive unit.

Viewport-Filling Hero Section

The hero consumes ninety percent of the screen. A macro close-up of a match ball fills the frame with shallow depth of field. The headline "EVERY BRUISE EARNED" punches in condensed uppercase white over the image.

Cinematic Parallax Scroll

GSAP ScrollTrigger drives a match-day timeline from frost on the try line to the post-match clubhouse. Each scene auto-advances with parallax. Magenta accents intensify as emotional stakes climb.

Pinned Registration Call to Action

A magenta "Register for Match Day" button pins to the bottom of the viewport after the hero scrolls past. A secondary ghost-outlined yellow button handles private hire enquiries separately.

Multi-Audience Registration Form

The form captures name, email, event type, number of attendees, and a date picker. It covers match day, junior sign-up, corporate hospitality, and touring fixture paths in one place.

Stats and Social Proof Block

Raw club statistics display with high-vis yellow accents. The layout uses a clean grid to present numbers clearly and build trust before the form appears.

Minimalist Navigation Menu

The header keeps three to four navigation items only. This focused design keeps the user on track toward registration without distraction.

Page sections overview

Design & branding system

The design follows an Industrial Raw theme crossed with a Dopamine Pop colour system. Typography uses heavy, condensed sans-serif treatment in the Manrope family to mimic bold industrial marking.

• Colour palette: pitch-mud black (#1A1A1A) dominates, magenta (#E4007C) fires on calls to action, yellow (#F5E642) accents stats, white (#FAFAFA) holds body type clean
• High-contrast visuals feature gritty, action-oriented imagery with sweat, mud, and intense expressions
• Testimonial blocks support quotes from long-term members, highlighting community and intensity

Mobile & speed optimization

The template is built desktop-first with full mobile support. Responsive design ensures the layout adapts cleanly across screen sizes without losing visual impact.

• Server Components handle static sections to keep the website loading efficiently
• Client Components manage animations and interactive elements like the pinned call to action and date picker
• Social media link slots are included in the footer to support the club's wider online presence

How this template helps you convert

The cinematic scroll is designed to make visitors feel match-day atmosphere before they ever see a form. By the time the registration section appears, the emotional groundwork is done.

1. The hero and parallax sequence build anticipation, so visitors arrive at the form already engaged rather than cold
2. The pinned call to action stays visible throughout the scroll, making it easy to sign up or save the date at any point

Other information about this template

This is the Scrum Industrial Raw rugby club landing page template, built specifically for clubs that serve mixed audiences across B2C and B2B contexts. The rugby scrum concept running through the design reflects unity and collective power, consistent with the grassroots aesthetic that real club members recognise.

• High-quality rugby scrum imagery can be sourced from platforms such as Adobe Stock, Freepik, and Vecteezy to replace placeholder visuals
• The colour palette follows industrial raw principles: charcoal and deep blacks with high-visibility accent colours for every call to action
• The layout uses a clean grid system throughout, making it straightforward to update stats, event types, or fixture details
• Incorporating social media links in the footer can extend the website's reach and gather community feedback over time
• The template supports customisation to fit your club's specific branding, search visibility goals, and seasonal event schedule

Show more