Clue - Captivating Mystery Landing Page Template

Quick summary

Clue is a single-column waitlist landing page built for a murder mystery blog and community. It uses a typewriter manifesto hero, a scroll-driven origin story, and an email capture form with a host or attendee toggle. The Parchment and Rust visual identity makes the page feel like a recovered case file, not a generic coming soon screen.

Who this template is for

This template is built for people who take murder mystery events seriously. It speaks equally to the person staging the event and the person determined to solve it before dessert.

• Murder mystery hosts who hand-craft their events and want a community to compare notes with
• Obsessive attendees who track every event they attend and argue alibis long after the evening ends
• Independent event planners researching how to stage convincing, budget-conscious mystery experiences

What problem this template solves

There is no serious online home for the murder mystery community. Hosts share tips in scattered forums, attendees have no shared space to review events, and planners rely on generic event-industry resources. This template gives that gap a front door.

• It signals a credible, focused community before a single piece of content goes live
• It captures and segments your earliest audience so you know who hosts and who attends
• It builds emotional investment through storytelling before asking for anything in return

What you get with this template

You get a complete, ready-to-customise landing page that earns the email signup through atmosphere and story rather than pushing conversion too early. Every section serves a specific purpose in moving the visitor from curious to committed.

• A full-viewport typewriter manifesto hero with rust-red accent text and keystrike animation
• A scroll-driven origin story with torn paper edge separators and rubber stamp decorative marks
• A dual-purpose waitlist form with host and attendee toggle, placed inline and as a fixed bottom bar

Feature list

This template delivers a tightly scoped set of features, each chosen for a specific conversion or atmosphere goal.

Typewriter Hero with Keystrike Animation

The hero fills the full viewport with monospaced serif text that appears letter by letter. Each line carries a faint keystrike rhythm, and the text sits slightly misaligned like a real carriage return. The phrase "crime scene" bleeds through in rust-red ink. No image, no illustration. Just the words and the parchment.

Scroll-Driven Origin Story

The origin story section pulls the reader downward through three narrative beats: a personal founding anecdote, the gap in the market, and the community vision. Each scroll step feels like turning a page deeper into a case file. Sections are separated by torn paper edge visuals and faded rubber stamp marks reading CLASSIFIED and EXHIBIT B.

Dual-Segment Waitlist Form

The primary call to action is an email capture card styled like a parchment note. It includes a single toggle that lets visitors self-identify as a host or an attendee. This gives you a segmented list from day one. The form appears once after the origin story and again as a fixed bottom bar that slides up after 60 percent scroll depth.

What's Coming Preview Section

A dedicated section outlines the vision for the full community hub. It covers the planned content pillars: event reviews, hosting guides, printable case files, and a directory of mystery companies. This section turns curiosity into anticipation.

Archetype Testimonial Quotes

The Voices from the Scene section presents testimonial-style quotes from three community archetypes: the host, the solver, and the planner. These quotes build social belonging without relying on follower counts or signup numbers.

Fixed Slide-Up Bottom Bar

A persistent bottom bar slides into view once the visitor has scrolled 60 percent of the page. It mirrors the primary waitlist call to action and stays visible until the visitor signs up or dismisses it. It is triggered by scroll position using a lightweight intersection-based approach.

Page sections overview

Design & branding system

The visual identity is built around an Ink and Paper theme. Every design choice reinforces the feeling of opening a cold case file that has been sitting in a cardboard box since 1974.

• Color system: aged vellum parchment (#F5E6C8) as the dominant background, dried-blood rust (#8B3A2A) for headlines and key accents, typewriter carbon (#2B2B2B) for body text, and faded iron-gall ink (#6B5B4F) for secondary elements and dividers
• Typography: JetBrains Mono for typewriter-style body text and Fraunces for editorial serif headlines, together creating a hand-typed document feel
• Decorative texture: torn paper edge separators between sections, faded rubber stamp marks, and a general foxed-page aesthetic throughout the scroll

Mobile & speed optimization

The template is designed desktop-first with a strong mobile reading adaptation. The intimate, document-like layout translates naturally to narrow screens without losing its atmosphere.

• Typewriter animation and scroll-reveal effects are built with CSS animations and IntersectionObserver, keeping the page light without heavy animation libraries
• The fixed bottom bar is scroll-position triggered and designed to display cleanly on both desktop and mobile viewports
• The single-column flow removes the need for complex responsive grid logic, making the reading experience consistent across screen sizes

How this template helps you convert

The page is designed to earn trust before asking for an email address. Every section moves the visitor closer to signing up by making them feel they already belong to the community.

1. The typewriter hero creates immediate atmospheric identity, giving the visitor a strong reason to keep reading before any ask is made
2. The origin story section converts curiosity into emotional investment by telling a real founding narrative across three escalating beats
3. The dual-placement waitlist form, appearing both inline and as a fixed bottom bar, catches visitors at two distinct moments of readiness without interrupting the reading flow

Other information about this template

This template is built as a single-column flow landing page. It is structured for a coming soon or waitlist use case within the blog and editorial category, specifically the hobby and passion content subcategory.

• The niche is murder mystery event blog and community, covering both UK and US dual-market audiences with GBP currency referenced in copy
• The footer uses an ultra-minimal horizontal flow pattern, keeping the page focused on the waitlist conversion goal
• Interactivity is high by design: the host and attendee toggle, the scroll-triggered rubber stamp reveals, and the fixed bottom bar slide-up all contribute to the cold case file experience
• The page earns its signup by making the visitor feel let in on a secret, the community does not exist yet, but the brief already feels like belonging

Show more