Scrum - Electrifying Rugby Landing Page Template

Scrum is a full-width immersive landing page built for rugby tournament and competition organisers. It combines a bento grid layout, live countdown timer, bracket diagram tile, venue map, and a slide-up registration panel to turn visitor interest into confirmed squad entries. The design runs on a high-voltage Dopamine Pop palette that matches the intensity of match day.

by Rocket studio

Quick summary

Scrum is a single-page, bento grid landing page designed for rugby tournament organisers running sevens, tens, or fifteens competitions. It handles everything from junior development festivals to invitational knockout cups. Bold visuals, motion tiles, and a structured registration panel make it easy for club captains, school rugby directors, and corporate groups to enter their squads with confidence.

Who this template is for

This template is built for anyone running a competitive rugby event and needing a page that works as hard as the sport itself. It suits organisers who need to capture team entries quickly and credibly.

  • Club captains coordinating touring squads and entering teams into bracket-stage competitions
  • School directors of rugby registering under-16 and under-18 sides for half-term tournaments
  • Corporate social committees booking a team-building rugby day that ends with a proper clubhouse finish

What problem this template solves

Most event organisers rely on generic booking pages that feel disconnected from the energy of the sport. That mismatch costs entries. Scrum solves the gap between the raw excitement of a rugby tournament and the flat, forgettable pages that usually represent them.

  • Teams arrive at a page that feels like the moment the whistle blows, making registration feel urgent and worthwhile
  • All essential information, bracket status, venue details, and competition categories, sits in one scrollable view with no dead ends
  • The slide-up registration panel and deposit flow reduce drop-off by keeping buyers on the page from first impression to confirmed slot

What you get with this template

You get a complete, motion-rich landing page ready to represent a rugby tournament at any scale. Every section has a defined job, and the layout directs visitors toward one clear action: registering their squad.

  • A full-bleed hero header with a bold knockout headline, a live countdown timer, and a primary call-to-action
  • A bento grid body featuring a slow-motion video tile, live bracket diagram, satellite venue map, and testimonial tiles with crowd-noise waveforms
  • A slide-up registration panel with competition category selection, player count input, captain contact field, and a Stripe-embedded deposit payment of £45

Feature list

This template ships with purpose-built components that match the pace and pressure of a real rugby competition.

Full-Bleed Hero Header

The header uses a wide-angle, low-to-ground try-line photograph that bleeds edge to edge. A bold kit-white headline reading "ENTER THE BRACKET" punches through the image with a magenta underline. A live countdown timer ticking toward registration close sits directly beneath, creating immediate urgency.

Bento Grid Layout

The page body is organised as a variable-scale bento grid. Hero-sized tiles hold video and bracket content. Compact tiles display live stats such as teams entered, tries scored in the previous edition, and nations represented. The grid keeps the scroll kinetic and the eye moving constantly.

Live Bracket Diagram Tile

One dedicated tile shows the tournament bracket as it fills with registered teams. This gives visitors real-time social proof that entries are coming in and reinforces the competitive atmosphere before they even open the registration panel.

Slide-Up Registration Panel

The registration form opens as a slide-up panel rather than a separate page. It collects team name, competition category (Open, Under-18, Under-16, or Social), number of players, and the captain's email address. A Stripe-embedded deposit of £45 locks the squad's slot without leaving the page.

Sticky Mobile Registration Bar

On mobile devices, the primary "Register Your Squad" call-to-action is pinned to a sticky bottom bar. This keeps the conversion trigger visible at all times, regardless of how far a visitor has scrolled through the bento tiles.

Email Capture for Undecided Teams

A secondary call-to-action, "Download the Tournament Pack", captures an email address from teams not yet ready to commit. It delivers a branded PDF containing fixture rules, kit requirements, and parking maps, keeping those leads warm without losing them entirely.

Page sections overview

SectionPurpose
Full-Bleed HeaderIntroduce the tournament with a try-line hero image, headline, and countdown timer
Video Bento TilePlay slow-motion lineout footage to immerse visitors in the match atmosphere
Live Bracket TileShow the filling bracket to build social proof and competitive urgency
Stats Row TilesDisplay compact figures: teams entered, tries scored, nations represented
Venue Map TileShow host venue locations with satellite imagery and pitch specifications
Testimonial TilesFeature pull-quote testimonials from past captains over crowd-noise waveforms
Registration PanelCapture squad details and process the £45 deposit via slide-up form
Tournament Pack call to actionOffer a PDF download to capture emails from undecided teams
Sticky Mobile BarKeep the primary registration call to action pinned at the bottom on mobile screens

Design & branding system

The visual identity is built around a Competition Edge theme using a Dopamine Pop colour system. The result feels like stadium floodlights firing on at dusk, where everything becomes sharper and louder in an instant.

  • The four-colour palette uses deep scrum navy (#0D1B2A) for card backgrounds and section bases, adrenaline magenta (#E5097F) for calls-to-action and the countdown timer, pitch-stripe electric green (#39FF14) for hover states and progress bars, and kit-white (#F8F8F8) to keep body text crisp and readable against the dark
  • Typography runs in oversized, knockout-style headings that carry the weight of match-day scoreboard lettering, while body text stays clean and legible at smaller sizes
  • Motion is built into the grid by design: the video tile auto-plays, the bracket tile updates visually, and hover states fire in electric green so the page never feels static

Mobile & speed optimization

The template is structured to deliver the same high-energy experience on a phone as it does on a large screen. Mobile visitors are just as likely to be club captains registering a squad on the way to training.

  • The bento grid reflows responsively so hero tiles remain prominent and compact stat tiles stack cleanly on smaller viewports
  • The sticky bottom bar keeps "Register Your Squad" visible throughout the entire scroll, removing the need to hunt for the action button
  • The slide-up panel is touch-optimised, keeping form fields accessible and the Stripe deposit step clear on mobile screens

How this template helps you convert

Every design and layout decision in this template exists to move a visitor from curiosity to a confirmed squad registration.

  1. The live countdown timer and filling bracket tile create genuine time pressure and social proof simultaneously, giving visitors a concrete reason to register now rather than later.
  2. The slide-up registration panel keeps the entire journey on one page, from hero image to deposit payment, so there is no redirect friction that causes visitors to abandon the process mid-way.
  3. The Tournament Pack email capture provides a second conversion path for undecided visitors, ensuring that even teams who are not ready to pay today leave a contact detail that keeps them in the competition pipeline.

Other information about this template

This template is part of the Scrum series, a Sports and Recreation design collection focused on rugby competitions and events. It pairs especially well with tournament formats that run multiple simultaneous brackets or age-grade categories.

  • The Competition Edge theme and Dopamine Pop colour system are matched specifically to high-energy, bracket-style sporting events where identity and atmosphere matter as much as information
  • The template supports competition categories including Open, Under-18, Under-16, and Social, making it flexible across junior development festivals, invitational knockout cups, and corporate rugby days
  • The seasonal or moment-led creative direction means the visual language is tuned for a specific event window, reinforcing urgency and making the page feel timely rather than evergreen
Scrum - Electrifying Rugby Landing Page Template
Scrum - Electrifying Rugby Landing Page Template
Scrum - Electrifying Rugby Landing Page Template
Scrum - Electrifying Rugby Landing Page Template

Theme

Competition Edge

Creative direction

Seasonal/Moment

Color system

Dopamine Pop

Style

Full-Width Immersive

Direction

Booking/Scheduling

Page Sections

Full-bleed Hero with Countdown Timer

Variable-scale Bento Grid

Live Tournament Bracket Tile

Slide-up Registration Panel

Sticky Mobile Call-to-action Bar

Tournament Pack Email Capture

Related questions

What rugby formats does this template support?

How does the squad registration and deposit process work?

What happens when a team is not ready to register right away?

Can I update the template for a new tournament season?

Is this template suitable for school rugby programmes?