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
| Section | Purpose |
|---|---|
| Full-Bleed Header | Introduce the tournament with a try-line hero image, headline, and countdown timer |
| Video Bento Tile | Play slow-motion lineout footage to immerse visitors in the match atmosphere |
| Live Bracket Tile | Show the filling bracket to build social proof and competitive urgency |
| Stats Row Tiles | Display compact figures: teams entered, tries scored, nations represented |
| Venue Map Tile | Show host venue locations with satellite imagery and pitch specifications |
| Testimonial Tiles | Feature pull-quote testimonials from past captains over crowd-noise waveforms |
| Registration Panel | Capture squad details and process the £45 deposit via slide-up form |
| Tournament Pack call to action | Offer a PDF download to capture emails from undecided teams |
| Sticky Mobile Bar | Keep 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.
- 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.
- 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.
- 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




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?