Casefile — Authoritative Investigative Journalism Landing Page Template

Quick summary

Casefile is a single-page template for true crime analysis podcasts that take their subject seriously. It pairs a cinematic hero reel with a scroll-driven manifesto, case dossier episode blocks, deposition-style testimonials, and a focused lead capture form. The design speaks directly to listeners who want primary sources, not sensationalized summaries.

Who this template is for

This template is built for podcast creators and independent journalists who produce evidence-based, primary-source content. If your audience expects footnotes, not drama, this layout was designed with them in mind.

• True crime podcast hosts covering cold cases, courtroom failures, and forensic analysis
• Independent journalists and researchers presenting case-driven audio content
• Educators and legal professionals building an audience around rigorous crime analysis

What problem this template solves

Most podcast landing pages look like music promotional sites. They prioritize audio players and social links over the depth and authority that a research-heavy show demands. This template solves that credibility gap.

• Generic podcast templates fail to communicate the weight of primary-source analysis
• Scroll-heavy content loses serious readers without clear, escalating narrative structure
• Lead capture forms with too much friction push away high-value professional subscribers

What you get with this template

You get a fully structured single-page layout that handles both storytelling and conversion in one deliberate scroll. Every section serves a purpose, from the opening reel to the closing call to action.

• Asymmetric 60/40 hero with a vertical-format short-form reel and a tall serif podcast title
• Full-width manifesto section with scroll-escalating second-person narrative structure
• Three episode dossier blocks, each with a narrative breakdown column and an episode art column
• Deposition-style testimonial blocks from professional listener profiles
• A double-border lead generation form with segmentation dropdown and a secondary listen link

Feature list

This template is built around five core design and layout capabilities, each chosen to match the tone and purpose of a premium true crime podcast.

Asymmetric 60/40 Grid Layout

The page uses a deliberate 60/40 column split throughout. The wider column carries narrative weight while the narrower column holds visual anchors like episode art, a play button, or the podcast title. This structure keeps the reader moving without feeling rushed.

Short-Form Reel Hero Section

The header embeds a fifteen-second vertical-format video clip, letterboxed and centered in the 60-column. It shows rapid cuts of grain-heavy imagery, a hand pulling a transcript from a manila folder, audio waveforms, and a final freeze frame with a serif sentence from the episode. Ambient sound only, no narration.

Scroll-Escalating Manifesto Section

Below the hero, a full-width manifesto unfolds in second-person prose. Each scroll section increases commitment and urgency. Paragraphs shorten as you descend, evidence stacks, and the page narrows toward a single ask. GSAP ScrollTrigger blur reveals and word-split animations drive the pacing.

Episode Dossier Blocks

Three featured episodes are presented as case dossiers. The 60-column holds the narrative breakdown, the 40-column holds episode art and a play button. Each block reads like opening a physical case file, which reinforces the editorial identity of the show.

Segmented Lead Capture Form

The lead generation form asks for an email address first, then an optional single dropdown: "Your relationship to true crime." Options include Listener, Legal Professional, Journalist, Researcher, and Educator. This light segmentation approach reduces form friction while giving the host meaningful list data.

Page sections overview

Design & branding system

The visual identity is Luxe Minimal, built around a Warm Stone color palette that feels like a prosecutor's private study. Typography is set in Fraunces for display and DM Sans for body copy, combining editorial authority with clean readability.

• Colors: honed travertine (#D5C4A1), deep espresso (#2C1E12), parchment white (#F5F0E8), and dried-blood accent (#8B3A3A) reserved for hover states and key callouts
• Backgrounds alternate between parchment and espresso; body text sits in espresso on light sections and travertine on dark sections
• Generous whitespace functions almost like redacted space, deliberate and spare, reinforcing the editorial tone

Mobile & speed optimization

The template is desktop-first in its hierarchy, designed for legal professionals and researchers who engage at a desk. It scales responsively for mobile without losing the asymmetric structure or editorial feel.

• GSAP animations are scoped to scroll triggers only, keeping motion purposeful and contained
• CSS smooth scroll and film grain overlay are handled at the stylesheet level to minimize render overhead
• The short-form reel is letterboxed and centered, so it displays cleanly at multiple viewport widths

How this template helps you convert

The page is built around a single, measurable conversion goal: getting a serious listener to subscribe to the weekly "Get the Case Brief" email. Every design decision moves toward that outcome.

1. The manifesto builds authority and emotional investment before any ask is made, so the subscriber form appears only after trust is established
2. The call-to-action button in dried-blood (#8B3A3A) appears twice: once beneath the manifesto and once pinned after the episode dossiers, catching both early deciders and those who needed more evidence
3. The secondary text link "Listen to Episode One" gives skeptics immediate proof before commitment, reducing bounce from readers who are not yet ready to subscribe

Other information about this template

This template ships as a single production-ready HTML and CSS file with GSAP-powered animations pre-configured. It is suited to any podcast host or content platform that can serve a static or embedded page.

• Animation stack includes GSAP ScrollTrigger blur reveals, marquee elements, film grain overlay, and word-split text reveals
• The footer follows Pattern 1: a linear single-row layout with minimal branding, keeping the close of the page as clean as the opening
• Localization is set for English in both Australian and United States usage, with no currency symbols or locale-specific date formats
• Social proof elements include deposition-style professional testimonials and download milestone figures referenced in the brief (275 million total downloads, 2 million per month, listeners across 107 countries)
• The form segmentation dropdown is purely front-end, giving the host audience insight at the point of capture

Show more