Home
Templates
Media & Entertainment
Content Creator Niches
Dossier - Compelling Truecrime Landing Page Template
Dossier is a masonry-style landing page template built for true crime podcast production companies. It pairs a scroll-triggered video header with a living community gallery, an editorial obsidian and gold color system, and a persistent app download bar. The result is a page that feels like opening a cold case file and does not let go until visitors tap "Listen to the Evidence."
by Rocket studio
Dossier is a single-page template designed for serialized true crime audio brands. It opens with a cinematic scroll-triggered video, unfolds into a masonry episode and community grid, and closes every visit with a mobile-first app download prompt. The design channels the quiet tension of a late-night evidence wall, built to turn curious visitors into loyal subscribers.
This template is made for audio storytellers who work in the true crime space and need a page that matches the weight of their content. It suits independent production houses, podcast networks, and solo hosts who publish serialized case-driven audio.
Most podcast landing pages look like a streaming embed dropped onto a blank background. They give visitors no reason to stay, no sense of the world behind the show, and no clear path to a download. Dossier solves that gap directly.
You get a fully designed single-page layout that covers every stage of the listener journey, from first impression to app install. Every section is purpose-built for the true crime audio format.




Theme
Editorial Magazine
Creative direction
Community Gallery
Color system
Obsidian & Gold
Style
Masonry/Pinterest
Direction
App Download
Page Sections
Scroll-triggered Cinematic Video Header
Masonry Community Gallery Grid
In-grid Thirty-second Audio Previews
Adaptive Persistent App Download Bar
Evidence Wall Visual Transition
Editorial Obsidian and Gold Color System
Is Dossier a single-page landing page or a multi-page website?
Can I use the masonry grid for episodes only, without community submissions?
How does the adaptive app download bar change its message?
Do I need to supply my own video footage for the header?
What kind of podcast brand benefits most from this template?
This template ships with six distinct design and layout capabilities, each rooted in the source brief and built around the true crime audience experience.
The viewport opens completely black and still. One pixel of scroll activates a slow dolly shot pushing into a dimly lit evidence wall covered in pinned photographs, red string, and handwritten notes. Audio waveform lines pulse faintly along the bottom edge as the camera continues forward, dissolving into the masonry grid behind it.
Cards vary in height across three types: short quote pulls, medium episode art tiles, and tall community deep-dives. Every third row introduces a featured episode block with an inline audio player and waveform visualization. Scrolling deeper moves visitors backward through the archive, from newest cases to the coldest unsolved files.
Each masonry card supports a thirty-second cold-open audio clip that plays directly from the grid. Visitors do not need to leave the page or open a separate player to sample the content before committing to a download.
The primary call to action reads "Listen to the Evidence" and floats as a persistent bar at the bottom of the mobile screen. After a visitor samples three episode clips, the bar pulses once and updates its message to "You've opened 3 cases, take them with you," then reveals App Store, Google Play, and an SMS direct-link option.
As the scroll-triggered video pushes through the evidence wall, the masonry episode grid materializes behind it. Each card appears as though being tacked to a corkboard, reinforcing the investigative mood and making the episode catalog feel like discovered evidence rather than a content list.
The layout uses a four-tone palette: deep obsidian black for backgrounds and section dividers, case-file manila gold for episode titles and hover states, evidence-tag off-white for body text on dark cards, and redacted-ink charcoal for layered depth in card elements. The result is a visual language that feels like a vintage crime desk under lamplight.
| Section | Purpose |
|---|---|
| Video header | Scroll-triggered cinematic entry into the evidence wall |
| Waveform pulse bar | Ambient audio signal running below the header video |
| Masonry episode grid | Community gallery of episodes, theories, fan art, and discussions |
| Featured episode rows | Inline audio player and waveform, appearing every third row |
| Persistent call to action bar | Floating app download prompt with adaptive messaging |
| App download modal | Two-button App Store and Google Play choice plus SMS link |
The color system and typographic choices draw from an editorial magazine tradition filtered through true crime archives. Every visual decision reinforces the sensation of handling a real case file.
The template is designed with mobile listeners as the primary visitor type. Commuters and transit users are explicitly part of the target audience, so the mobile layout makes every key action reachable with one thumb.
Dossier is built around a specific conversion path: from passive visitor to active app installer. Every design and interaction choice serves that goal.
Dossier works particularly well for production teams that already have an episode back catalog, because the masonry grid rewards depth. The more content available, the more convincingly the page reads as a living investigation board.