Sports Blog Pre-Launch Website Template

Scrum is a warm, editorial rugby landing page built for passionate storytellers launching a rugby blog. The asymmetric 60/40 grid, artisan color palette, and origin story scroll structure create an emotional, magazine-quality first impression. A single email waitlist form with social proof invites readers to sign up before the blog goes live.

by Rocket studio

Quick summary

Scrum is a coming-soon landing page for a rugby editorial blog. It uses an asymmetric 60/40 grid, a Warm Artisan color palette, and a scrolling origin story to build emotional connection with readers. The single conversion path is a waitlist email form. The page is designed to feel like cracking open a well-loved match programme.

Who this template is for

This template is built for rugby writers, journalists, and passionate fans who are preparing to launch an editorial blog. It suits anyone who wants to build an audience before their first post goes live.

  • Club-level players, coaches, or flankers who want to publish tactical and long-form rugby content
  • Expat fans or rugby parents ready to build a newsletter or blog around the sport they love
  • Independent sports writers launching a passion-project publication and collecting early readers

What problem this template solves

Most coming-soon pages feel cold and forgettable. A rugby blog with real editorial ambition deserves a launch page that matches its voice. This template solves the gap between a blank countdown page and a page that already communicates a distinct identity.

  • Generic waitlist templates lack personality and fail to build trust before a single post is published
  • Sports blog founders often lose early momentum because their pre-launch page gives visitors nothing to connect with
  • Without social proof and a focused call to action, casual visitors leave without signing up

What you get with this template

You get a fully structured, single-page waitlist layout purpose-built for a rugby editorial blog. Every section is designed to move a visitor from curiosity to commitment.

  • A cinematic hero section with a Type Over Image header and a soft first email signup prompt
  • A scrolling origin story told across two alternating 60/40 grid sections with artefact-style image pairings
  • A final anchored call-to-action block with a social proof signup counter reading "430 readers already waiting"

Feature list

This template is built around deliberate editorial choices, not generic page-builder patterns.

Asymmetric 60/40 Grid Layout

The page uses a two-column grid that alternates between wide narrative text and narrow artefact imagery. This creates a reading rhythm that feels editorial and intentional, much like a well-designed sports magazine spread.

Type Over Image Hero

The hero section places a heavyweight serif headline directly over a grainy, desaturated pitch photograph. The headline reads "Every Try Starts With a Story" in washed charcoal with a subtle parchment text-shadow. A clay italic subline appears below: "A new rugby journal. Launching soon."

Dual Waitlist Form Placement

The email signup form appears twice on the page. The first instance sits directly below the hero subline for eager visitors. The second is anchored after the final origin story paragraph, where emotional engagement is at its peak.

Social Proof Signup Counter

A small counter sits beneath the email form and displays the current number of readers waiting. The default copy reads "430 readers already waiting," giving new visitors a quiet confidence nudge without pressure.

Rolling Editorial Marquee Strip

A continuously scrolling tag strip sits below the hero section. It functions as an animated editorial contents list, reinforcing the blog's tone and topic range before any body copy is read.

Scroll-Triggered Section Reveals

Each origin story section enters the viewport with a staggered reveal animation. Combined with a noise texture overlay and scroll-linked hero opacity, the page feels alive without being distracting.

Page sections overview

SectionPurpose
Hero / HeaderCinematic pitch photo with serif headline and first soft email call to action
Editorial Marquee StripRolling animated tag strip that sets the blog's tone and topics
Origin Story Part One60/40 grid with childhood memory narrative and match programme artefact image
Origin Story Part Two40/60 reversed grid with playing years story and tactics napkin artefact
Final call to action BlockEmail signup with social proof counter for maximum conversion at scroll end
FooterLinear single-row footer with minimal links

Design & branding system

The visual identity follows a Warm Artisan theme using the Cloud Canvas color system. Every color choice is intentional and restrained, giving the page a tactile, leather-and-paper quality.

  • Soft parchment (#F5F0E8) dominates the background; washed charcoal (#3B3A36) carries all body text; muted clay (#A68B6B) warms section dividers and secondary typography
  • Quiet burgundy (#7B2D3B) is used sparingly for links, buttons, and pull quotes so every appearance feels deliberate
  • Typography pairs Fraunces as the display serif for headlines with DM Sans for clean, readable body text

Mobile & speed optimization

The template is built desktop-first to serve its long-form editorial reading experience. It also delivers full mobile responsiveness so readers can sign up from any device.

  • The 60/40 grid stacks cleanly into a single-column layout on smaller screens without losing the artefact image pairing
  • Static-first architecture using Server Components keeps all content sections fast to load and stable on render
  • Animations including the marquee scroll, staggered reveals, and scroll-linked hero opacity are designed to run smoothly without blocking page interaction

How this template helps you convert

This template is built around a single conversion goal: collecting email addresses from rugby readers before the blog launches. Every design and copy decision points toward that one action.

  1. The dual email form placement captures both impulsive early signers after the hero and emotionally invested readers at the end of the origin story scroll.
  2. The social proof counter provides low-pressure community validation, showing that real people are already waiting and making it feel safe to join them.
  3. The single-path layout removes every distraction. There is no secondary navigation, no external link, and no competing call to action, so the visitor's only meaningful choice is whether to sign up.

Other information about this template

This template sits within the Blog and Editorial category, specifically designed for the sports blog niche. It is a strong fit for rugby content creators at any stage of their editorial journey.

  • The template style is classified as Asymmetric Grid (60/40), giving it a distinctive visual rhythm not found in standard coming-soon page builders
  • The creative direction follows an Origin Story format, a narrative approach that builds identity and reader trust before a single article is published
  • The header concept is Type Over Image, a bold editorial technique borrowed from broadsheet newspaper design
  • The landing page direction is Waitlist and Coming Soon, meaning the entire page is optimized for a single email capture goal with no secondary actions
  • The color system is named Cloud Canvas, a warm, low-contrast palette suited to long reading sessions and artisan editorial aesthetics
  • This template is part of the Warm Artisan theme family, which prioritizes tactile visual texture and restrained color use over bold digital aesthetics
Sports Blog Pre-Launch Website Template
Sports Blog Pre-Launch Website Template
Sports Blog Pre-Launch Website Template
Sports Blog Pre-Launch Website Template

Theme

Warm Artisan

Creative direction

Origin Story

Color system

Cloud Canvas

Style

Asymmetric Grid (60/40)

Direction

Waitlist/Coming Soon

Page Sections

Asymmetric 60/40 Editorial Grid

Type Over Image Hero Header

Dual Placement Email Waitlist Form

Social Proof Signup Counter

Scroll-triggered Reveal Animations

Rolling Editorial Marquee Strip

Related questions

Can I change the waitlist counter number?

Does the template support only a single email field?

Can the origin story sections work for a different sports blog niche?

What fonts does this template use?

What does the marquee strip show?