Hobby & Passion Content Blog Website Template

Quick summary

Wicket is a croquet editorial landing page template with a horizontal scroll origin story, a split hero, and a personality quiz. It is built for communities that take the game seriously. The Japanese Zen color palette and editorial typefaces give every section the weight and calm of a well-curated magazine spread.

Who this template is for

This template is made for people who want to build a serious home for croquet content online. It fits anyone who needs a page that earns trust before asking for a sign-up.

• Association players and club secretaries who want a platform that reflects the depth of competitive play
• Backyard enthusiasts and newcomers discovering six-wicket formats who need a welcoming but authoritative entry point
• Editorial bloggers and niche community builders who want a template that looks as considered as their writing

What problem this template solves

Most blog templates treat niche sports as afterthoughts. They offer generic layouts that flatten the personality out of a subject with real tactical depth and cultural history. Wicket solves that mismatch directly.

• It gives croquet content a visual identity that matches the sport's quiet seriousness, rather than borrowing from generic sports templates
• The horizontal scroll format turns a single page into a narrative experience, keeping readers moving through content instead of bouncing
• The built-in quiz converts passive readers into identified community members without a hard sell

What you get with this template

You get a fully structured single-page layout designed to engage, educate, and convert. Every section serves a deliberate purpose within the overall editorial flow.

• A split hero panel with a ground-level photographic frame and a serif editorial headline on the right
• A five-panel horizontal scroll origin story that moves from croquet's Victorian beginnings through to today's competitive community
• A five-step personality quiz modal with result archetypes, a shareable card, and an email gate leading to a personalized reading list

Feature list

This template is built around a small set of carefully considered components. Each one is designed to do meaningful work within the page flow.

Split Hero Panel

The hero divides into two panels. The left holds a tightly cropped, ground-level photograph shot through a wicket with a blurred mallet mid-swing and dew visible on individual grass blades. The right panel presents the editorial headline and a moss-green italic subline that acts as both manifesto and invitation.

Horizontal Scroll Origin Story

Five editorial panels unfold left to right, tracing croquet's evolution from 1860s garden parties through to modern association play and community forums. The scroll rhythm alternates full-bleed archival imagery with text-dense editorial panels, so each spread earns a pause before the next one arrives.

Personality Quiz Modal

The quiz opens with a single provocative question and walks through five illustrated scenarios covering shot selection philosophy, lawn-reading instinct, and temperament under time pressure. Results map to four archetypes: The Tactician, The Aggressor, The Architect, and The Improviser. An email gate unlocks a personalized reading list and a matched community thread.

Vermillion Accent System

Torii vermillion is reserved exclusively for interactive elements and active states. Buttons, hover states, and call-to-action prompts all use this single accent color. The restraint makes every clickable element feel intentional, like a single bright mark in a field of calm neutrals.

Editorial Typography Pairing

The template uses a serif editorial typeface for headlines and display text alongside a clean sans-serif for body copy. The pairing creates a clear visual hierarchy that feels like a printed magazine brought to screen, with plenty of negative space giving every line room to breathe.

Mid-Scroll Quiz Prompt

A vermillion-accented call-to-action reading "Find Your Playing Style" appears after the third scroll panel and again as the anchor of the final panel. Placing it twice in the flow ensures the quiz invitation lands at both the moment of curiosity and the moment of commitment.

Page sections overview

Design & branding system

The visual identity is built on a Japanese Zen color system translated into editorial newsprint. Vast negative space and deliberate element placement define the aesthetic throughout.

• Four-color palette: raked sand (#E8E0D0) and ink wash black (#1A1A1A) form the background alternation, moss stone (#5B7553) anchors secondary text and sublines, and torii vermillion (#C23B22) is used only for interactive accents and active states
• Typography uses a serif editorial face for headlines and a clean sans-serif for body text, with generous leading and tracking to maintain the magazine-spread feeling
• Backgrounds alternate between sand and ink wash fields, keeping the page visually dynamic without introducing additional colors or decorative elements

Mobile & speed optimization

The template is designed desktop-first around the horizontal scroll experience, with a thoughtful mobile fallback built in from the start.

• On smaller screens, the horizontal scroll collapses into a standard vertical layout so all content remains fully readable without the scroll engine
• Intersection Observer is used for scroll-triggered reveal animations, including stagger reveals and parallax effects, keeping the animation system tied to actual viewport activity
• The CSS scroll-behavior property drives the core scroll interaction, keeping the mechanism lightweight and native where possible

How this template helps you convert

Every design and layout decision in Wicket is oriented toward one outcome: turning a visitor who found a croquet article into a community member who signed up. The conversion path is built into the editorial narrative itself.

1. The horizontal scroll keeps readers active and moving through the page rather than passively skimming, which means they arrive at the quiz prompt already invested in the content
2. The quiz earns the email gate by making the visitor feel understood first, mapping their answers to a named archetype and a personalized reading list before asking for anything in return

Other information about this template

Wicket is a niche editorial landing page template that sits at the intersection of hobby and passion content publishing and community platform building. It is worth noting a few additional details about the build and its intended context.

• The template includes social proof placeholders for community member count, article count, and club affiliations
• UK-influenced terminology and metric measurements are built into the copy framing, making it a natural fit for British croquet clubs and associations
• Animation intensity is high throughout: horizontal scroll JavaScript, parallax effects, stagger reveals on scroll entry, and rotation on hover are all part of the interaction design
• The footer follows a horizontal layout pattern consistent with the overall page direction
• The template is suited to anyone building a croquet community hub, a niche sports editorial site, or a hobby-focused membership platform that values craft and depth over volume

Show more