Ruck - Electric Rugby Landing Page Template

Quick summary

Ruck is a single-page rugby fan community landing page. It opens with a full-screen video header and drops into a staggered modular card grid covering match threads, kit trading, player polls, ticket resale, and watch-party maps. Two parallel conversion paths run throughout: join as a member or list your gear for sale.

Who this template is for

This template is built for anyone launching a rugby fan community with a marketplace element. It works equally well for season-ticket groups, supporter clubs, and fan-run trading hubs who need one page that does two things at once.

• Rugby supporter clubs and fan groups looking to grow a digital membership base
• Independent kit sellers and gear traders who want a community-first storefront
• Match-day event organizers needing a single destination for tickets, watch parties, and discussion

What problem this template solves

Most fan community pages feel either too corporate or too bare. They push a signup form without showing the community already in motion. Ruck solves this by front-loading social proof: live member counts, active listings, and a real-time match thread preview all appear before the first call to action.

• Visitors land cold and need immediate reasons to stay and trust the platform
• Two very different audiences (members and sellers) often get sent to separate pages, increasing drop-off
• Generic sport templates lack the visual intensity that rugby culture actually demands

What you get with this template

You get a fully structured single-page layout with every section pre-built and ready to customize. The page is designed so that both conversion goals are visible at all times without competing with each other.

• A full-screen video header with a punchy headline and two primary calls to action
• A modular card grid covering six distinct community features: match threads, kit swaps, player polls, ticket resale, watch-party maps, and member spotlights
• A sticky signup bar that stays visible as visitors scroll, plus a quick-post modal for kit sellers

Feature list

This template ships with a focused set of purpose-built components. Each one serves a specific role in the dual-path conversion flow.

Full-Screen Video Header

A looping slow-motion video background fills the viewport on load. The headline "Your Game. Your People. Your Market." appears immediately, mid-action, with no fade-in delay. The first version of the "Join the Ruck" signup form sits directly below the fold.

Staggered Modular Card Grid

Cards cascade in on scroll using a staggered load animation. Each card type has its own visual treatment: comment counts on match threads, condition tags on kit listings, live poll bars on player ratings, seat map previews on ticket cards, and pin clusters on the watch-party map.

Dual Conversion Path Layout

Two calls to action run in parallel without conflict. "Join the Ruck" targets new members with a three-field form (email, favourite club, country). "List Your Kit" targets sellers and opens a quick-post modal with photo upload, item type, size, and price fields.

Sticky Membership Bar

A sticky bar anchored to the top of the viewport surfaces the "Join the Ruck" call to action on every scroll position. It appears after the header clears and stays present without blocking card content.

Quick-Post Seller Modal

Every trade card surfaces a "List Your Kit" trigger. The modal keeps the posting flow minimal: photo upload, item type, size, and price. This keeps sellers in context rather than routing them to a separate page.

Live Social Proof Elements

Live member counts, active listing numbers, and a real-time match thread preview are displayed in dedicated user interface elements. These signal an active community before the visitor commits to any action.

Page sections overview

Design & branding system

The visual identity follows a Dopamine Pop color system built around four core values: electric try-line white (#FAFAFA), adrenaline red (#E63946), pitch-dark turf (#1B2A1B), and referee-whistle gold (#FFB400). The overall effect is like stadium floodlights snapping on at dusk, saturated, vivid, and immediately legible against dark backgrounds.

• Gold (#FFB400) activates on hover states, badge highlights, and notification pings to direct attention without noise
• The dark turf background (#1B2A1B) anchors the card grid, making white text and colored accents pop at every scroll depth
• Micro-animations on card load and a subtle pulse effect reinforce the template's Dynamic Motion theme throughout the page

Mobile & speed optimization

The card grid is fully modular, meaning cards reflow cleanly across screen sizes without requiring separate mobile layouts. The sticky signup bar and seller modal both function in portrait orientation without obscuring key content.

• Cards stack in a single column on small screens, preserving condition tags, comment counts, and call-to-action triggers
• The video header scales to viewport height on mobile so the headline and first form remain above the fold
• The quick-post modal is touch-friendly, with large tap targets on upload fields and dropdown selectors

How this template helps you convert

The page is structured so that trust is built before any ask is made. Social proof elements come first, conversion forms come second, and the seller path is embedded inside the browsing experience rather than separated from it.

1. The live member count, active listing count, and match thread preview all appear in the first scroll, so visitors see proof of activity before they read the signup form
2. The three-field "Join the Ruck" form reduces signup friction to under thirty seconds, while the sticky bar ensures the option is never out of sight
3. Trade cards surface the "List Your Kit" trigger inline, so sellers convert during browsing without leaving the page or losing their place in the grid

Other information about this template

This template is a strong fit for fan-run rugby communities that want one page to serve both a growing membership and an active peer-to-peer marketplace. The layout naturally accommodates seasonal content updates: swap in new match thread previews, rotate featured kit listings, or update watch-party pins without rebuilding the structure.

• The template fits the Sports and Recreation category with a rugby-specific visual and copy system already in place
• The card grid structure makes it straightforward to add or remove card types as the community grows
• The Dopamine Pop palette and Dynamic Motion animation style are pre-configured and consistent across every component

Show more