Darts Pre-Launch Website Template

Quick summary

Oche is a single-page event registration landing page designed for a competitive darts league. It pairs a dramatic neon-lit hero with a scroll-driven Before/After transformation narrative. Visitors see what league night has become before they are asked to commit. Two clear conversion paths capture team registrations and solo player waitlist entries.

Who this template is for

This template is built for anyone running or growing a structured darts league. The design and copy architecture speak directly to the people who organise, host, and play at a competitive level.

• Darts league organisers launching or reopening a season and needing a dedicated registration page
• Pub landlords and venue managers who want to fill midweek nights with organised league fixtures
• Corporate event organisers running team-building darts nights who need a credible, branded sign-up flow

What problem this template solves

Most darts leagues rely on word of mouth, pinned paper fixtures, or flat social media posts to recruit teams. None of those create urgency or communicate the atmosphere of a real league night. This template replaces that low-effort presence with a page that sells the experience before it asks for anything.

• Handwritten scoreboards and crumpled fixture sheets give no sense of what the league has become
• A generic form page with no visual story fails to convert curious visitors into registered teams
• Solo players with no obvious entry point are lost before they ever find a registration option

What you get with this template

You get a fully structured, single-page layout that moves visitors from first impression to form submission without friction. Every section has a defined role in building anticipation and trust.

• A full-bleed, neon-rimmed hero section with a letter-by-letter headline reveal and no distracting navigation on load
• A scroll-driven Before/After Reveal sequence with a draggable image slider that shows the league's transformation across four visual moments
• Two distinct registration paths: a team sign-up form and a solo player waitlist, each with clearly scoped input fields

Feature list

A single paragraph introduces this section before the individual features are detailed below.

The features below map directly to what the brief specifies. Each one serves a defined role in the page's conversion flow, from first visual contact to completed registration.

Full-Bleed Neon Hero Scene

The header fills the entire viewport with near-total darkness. A neon-rimmed dartboard glows in ruby and chrome at center frame. A player's arm is frozen mid-throw in silhouette, with three chrome-barreled darts already clustered in the treble-twenty bed. The headline "Season XII Is Open." bleeds in letter by letter in neon ruby. Navigation is hidden until scroll begins.

Draggable Before/After Reveal Slider

Visitors drag a slider horizontally across paired images to reveal the league's evolution. The sequence moves through four moments: venues, players, crowds, and championship footage. Each pair contrasts grainy pub-corner photography with LED-lit, branded match-night imagery. The tension builds with every drag.

Team Registration Form

Placed once beneath the hero and once after the final Before/After panel, the primary call-to-action button reads "Register Your Team" in a neon-bordered style that pulses gently on scroll-stop. The form collects team name, captain's name and email address, home venue, and a preferred league night dropdown with Monday, Wednesday, and Thursday options.

Solo Player Waitlist Path

A secondary conversion path labelled "Join as a Solo Player" sits alongside the primary call to action. It feeds into a streamlined waitlist form that asks only for name and postcode, reducing friction for individual players who are not yet attached to a team.

Scroll-Triggered Momentum Structure

The page is engineered as a single narrative arc. Each Before/After panel adds weight to the next. By the time the final registration call to action appears, the visitor has already absorbed the full transformation story. The scroll structure earns the conversion rather than demanding it upfront.

Page sections overview

Design & branding system

The visual identity is built on a Futuristic Neon theme. Every colour and typographic choice reinforces the feeling of stepping into a venue moments before a final begins.

• Four-colour palette: deep blackout black (#0B0D13) as the base, liquid chrome silver (#C0C4CC) for text and metallic accents, neon ruby (#E8103D) as the primary action colour, and electric wire pink (#FF2D6B) reserved for hover states and live score accents
• Typography and motion carry the competitive voltage: the letter-by-letter hero headline and the gently pulsing registration button are both defined in the brief as deliberate tension-building devices
• The overall aesthetic is described as a tungsten dart catching the light of an LED rig in a dark room: metallic, sharp, and charged with competitive energy

Mobile & speed optimization

The page is designed as a single-column, section-led flow, which naturally adapts to smaller screens. The hero-dominant layout means the most impactful element loads first and fills the viewport on any device size.

• The 90/10 hero-to-content ratio keeps the initial load visually focused and structurally light
• The draggable Before/After slider is a touch-compatible interaction, suitable for mobile users navigating with a finger rather than a mouse cursor
• Both registration paths use minimal input fields by design, reducing the number of taps required to complete a submission on a mobile device

How this template helps you convert

The page is structured as a trust-building journey rather than a direct ask. Conversion is earned through narrative progression, not through pressure.

1. The neon hero creates immediate atmosphere and establishes the league as a serious, branded operation before a single word of body copy is read.
2. The Before/After Reveal sequence answers the visitor's core question ("Is this worth my time?") by showing the transformation visually, across four escalating moments, before the second registration call to action appears.
3. Two scoped entry points reduce drop-off: teams follow the primary form path, and solo players follow the lighter waitlist path, so no potential registrant hits a dead end.

Other information about this template

This template is categorised under Sports and Recreation with a specific focus on darts league and association use cases. It is designed as a storybook full-page experience with a Competition Edge theme and a Community Gallery creative direction that celebrates the sport's real moments and real people.

• The template style is described as Storybook/Full-Page, meaning the narrative arc is the primary design mechanism, not individual isolated sections
• The landing page direction is Event Registration, making it purpose-aligned for seasonal league launches, sign-up drives, and new venue onboarding
• The header concept is a Scroll-Triggered Video-adjacent experience: a near-static, high-drama scene that activates narrative motion as the visitor scrolls
• The intersection niche targets Darts Academy and Training adjacent audiences, meaning the template can also support academies or training programmes that run structured league formats alongside their coaching offer

Show more