Dugout - Electric Baseball Landing Page Template
Dugout is a cinematic, single-page event landing page built for baseball organizers who need to fill rosters fast. It walks visitors through the full baseball calendar, from February cage sessions to October elimination games, using season-driven visuals, live spot counters, and a three-step registration modal designed to convert travel ball parents, coaches, and event coordinators into confirmed registrants.
by Rocket studio
Quick summary
Dugout is a full-page event registration landing page built around the baseball calendar. It guides visitors through four seasonal chapters, each with its own visual mood, event cards, and live roster-spot counters. The primary call to action is "Claim Your Spot," supported by a secondary email-capture path for leads who need more time before committing.
Who this template is for
This template is built for anyone who organizes, promotes, or fills seats at baseball and softball events. It speaks directly to the people who live inside the game's annual rhythm.
- Travel ball parents researching showcase weekends across multiple states
- High school coaches scheduling fall prospect camps and recruitment events
- Front-office coordinators promoting celebrity softball classics and home run derbies
What problem this template solves
Event organizers in amateur and club baseball often lose registrations because their pages feel flat and urgency-free. Dugout fixes that by pairing cinematic visuals with real-time scarcity signals that make waiting feel costly.
- Scattered event information buried across multiple links or email threads
- No visible urgency to push undecided parents or coaches toward registration
- A registration experience that feels disconnected from the energy of the sport
What you get with this template
You get a fully designed, story-driven landing page that covers the entire baseball season in one scroll. Every section is ready to receive your event details, dates, and branding out of the box.
- A cinematic dark header with stadium-light glow and a bold all-caps headline
- Four seasonal chapter sections, each with event cards, dates, locations, and roster-spot counters
- A three-step registration modal, a sticky "Claim Your Spot" bar, and a secondary email-capture form
Feature list
This landing page is packed with purpose-built components that push visitors from curiosity to confirmed registration.
Cinematic Dark Header with Glow Effect
The header opens with a full-bleed night-game photograph shot from behind home plate. Stadium lights create starburst effects across the top of the frame. A radial walkoff-gold glow makes the screen feel like it is emitting live stadium wattage. The condensed all-caps headline punches through center frame with maximum impact.
Four-Chapter Seasonal Scroll
Each full-page section represents one chapter of the baseball calendar: February dawn cage sessions, spring showcase under cherry blossoms, summer all-star fireworks, and an October mist spotlight on the mound. Background color temperature shifts as you scroll, moving from cool dawn blues through midsummer gold to autumn ember, making the passage of the season feel physical.
Live Event Cards with Spot Counters
Within each seasonal chapter, specific events appear as cards showing dates, locations, and remaining roster spots. A "filling fast" pulse animation activates automatically when capacity crosses seventy percent. This creates real-time urgency without any manual update needed on the organizer's side.
Three-Step Registration Modal
The "Claim Your Spot" button opens a focused modal that walks registrants through three clear steps: choosing a season, selecting events from a visual calendar with remaining-spot badges, and entering player name, age division, and parent email. The flow reduces friction and keeps drop-off low.
Sticky Registration Bar
After the header scrolls out of view, a sticky bottom bar appears carrying the primary "Claim Your Spot" call to action in warning-track clay. It stays visible through every seasonal chapter so the registration path is never more than one tap away.
Secondary Email-Capture Path
A "Get the Full Schedule" option targets visitors who are interested but not yet ready to register. It captures email-only leads with minimal commitment, keeping those contacts in your pipeline for follow-up closer to event dates.
Page sections overview
| Section | Purpose |
|---|---|
| Dark Header | Opens with cinematic stadium photograph and bold headline |
| February Chapter | Frost-breath cage sessions at dawn, early-season events |
| Spring Chapter | Showcase events under cherry blossoms, packed prospect days |
| Summer Chapter | All-star games, home run derby arcs, fireworks visuals |
| Fall Chapter | October mist spotlight, elimination game energy, closing events |
| Event Cards | Dates, locations, and live roster-spot counters per event |
| Sticky call to action Bar | Persistent registration prompt after header scroll |
| Registration Modal | Three-step form for season, event, and player details |
| Full-Width call to action | Final "Claim Your Spot" section after the fall chapter |
| Email Capture | Secondary lead form for the "Get the Full Schedule" path |
Design & branding system
The visual identity runs on a Dopamine Pop color system that feels like opening a bag of candy under stadium floodlights. Every color choice serves both mood and function.
- Electric stadium white (#F5F0FF) for backgrounds, warning-track clay (#E8572A) for action buttons, walkoff gold (#FFD23F) for highlights and hover states, and deep-count navy (#0B1730) anchoring typography and section dividers
- A condensed, all-caps slab serif for headlines paired with clean body type for event details and form labels
- Gold sparks on scroll interactions, clay pulse animations on buttons, and cool-to-warm background color temperature shifts across seasonal chapters
Mobile & speed optimization
The template is designed with a scroll-heavy, full-page layout that needs to feel smooth on any screen size. Every interactive element is built with touch-first behavior in mind.
- The sticky registration bar and modal are sized and positioned for comfortable thumb-reach on mobile screens
- Event cards stack cleanly in single-column layouts on smaller viewports without losing the spot-counter or date information
- Seasonal chapter transitions and scroll-triggered color shifts are built to feel fluid without requiring heavy processing overhead
How this template helps you convert
Every design and layout decision in Dugout is pointed at one outcome: turning a curious visitor into a confirmed registrant before they close the tab.
- The live spot counters and "filling fast" pulse animation create visible scarcity on every event card, giving hesitant visitors a concrete reason to act now rather than later.
- The three-step modal breaks registration into small, low-effort decisions so the process never feels overwhelming, reducing the chance a parent or coach abandons mid-form.
- The secondary "Get the Full Schedule" email path catches leads who are not ready to register, keeping them connected to future event announcements and open roster spots.
Other information about this template
Dugout is built specifically for the amateur and club baseball niche, where seasonal momentum drives buying decisions. A few additional details worth knowing before you customize:
- The template style follows a full-page, story-driven scroll layout suited to event promotion in the Sports and Recreation category
- The Festival Energy theme and Dopamine Pop color system are designed to match the high-stakes, high-emotion feel of competitive baseball events
- Color variables for warning-track clay, walkoff gold, deep-count navy, and electric stadium white are all editable so you can align the palette with your organization's existing brand
- The template works equally well for travel ball showcases, high school prospect camps, celebrity softball fundraisers, and home run derby competitions




Theme
Competition Edge
Creative direction
Before/After Reveal
Color system
Dopamine Pop
Style
Bento Grid
Direction
Event Registration
Page Sections
Cinematic Dark Header with Stadium Glow
Four-chapter Seasonal Scroll
Live Event Cards with Spot Counters
Three-step Registration Modal
Sticky Registration Bar and Full-width Call to Action
Secondary Email-capture Lead Path
Related questions
Can I add my own event dates and locations to the event cards?
Can this template be used for softball events or home run derbies?
How does the 'filling fast' pulse animation work?
Is the sticky registration bar visible throughout the whole page?
What does the three-step registration modal collect?