Dwelling - Intimate Podcast Landing Page Template

Dwelling is an editorial landing page for a weekly tiny house living podcast. It uses a horizontal scroll layout to guide visitors through magazine-style data panels, then invites them to join the waitlist for the live season. The warm, hand-built visual identity and intimate short-form reel header make the case before a single word is read.

by Rocket studio

Quick summary

Dwelling is a single-page horizontal scroll landing page built for a weekly podcast about tiny house living. It pairs a letterboxed vertical reel header with five editorial data panels, a mid-scroll waitlist form, and a report download at the end. The result is a page that earns the sign-up by proving depth first.

Who this template is for

This template suits podcast creators, independent media producers, and content-led brands who want their landing page to do more than announce a show. It is especially well suited for people working in the architecture, alternative housing, and intentional living space.

  • First-time tiny house builders researching foundation costs and build logistics
  • Remote workers and suburban homeowners considering a shift away from conventional housing
  • Podcast hosts who want a waitlist page that reads like a magazine, not a newsletter opt-in

What problem this template solves

Most podcast landing pages feel like a placeholder. They list episode numbers, drop a subscribe button, and leave. Visitors arrive curious and leave underwhelmed because the page never proved the show was worth their attention.

  • There is no editorial depth to hold a reader who arrived from a search or a share
  • A standard hero plus form layout cannot communicate the intellectual weight of a topic like tiny house architecture and zoning law
  • Without a staged reveal, curious visitors bounce before they ever reach the sign-up

What you get with this template

You get a fully structured, animation-rich landing page designed around a single editorial arc. Each section builds on the last, moving a visitor from curious observer to committed subscriber.

  • A letterboxed vertical reel hero section with a typewriter episode title effect beneath it
  • Five horizontal scroll panels styled as magazine spreads, each presenting one data point or insight
  • A mid-scroll waitlist form with a single email field and a three-option audience toggle, plus a secondary report-download conversion at the end

Feature list

A brief note on the features below: every item listed is directly drawn from the source brief for this template.

Horizontal Scroll with Snap Panels

The page drives a lateral scrolling experience where each panel locks into place on arrival. Five editorial panels cover build cost trends, a zoning legality map, a materials comparison, pull quotes from past guests, and listener statistics. Each panel is designed like a single magazine spread.

Short-Form Reel Hero

The header section plays a fifteen-second vertical-format video loop, letterboxed against the limestone background. The reel is shot handheld and shows the interior of a tiny house without a host face or logo. A serif episode title types itself in beneath the reel using a typewriter animation effect.

Mid-Scroll Waitlist Form

A "Save My Seat" email capture form appears after the third horizontal panel, timed to when visitor curiosity is highest. The form includes a single email field and a toggle asking visitors to identify as building, dreaming, or already living small. This segmentation detail is collected at the point of sign-up.

Secondary Report Download Conversion

At the end of the scroll, a second conversion offer invites visitors to download the 2025 Tiny Living Report. It uses the same email capture mechanic as the waitlist form, giving visitors who already signed up a shareable, tangible reason to stay engaged.

Editorial Data Panels

Each of the five horizontal panels presents one insight in a data-rich, art-directed format. Content includes a hand-drawn build cost trend line, a state-level zoning map, a side-by-side materials comparison, oversized pull quotes in serif type, and a listener count panel. The panels are designed to feel like pages from an annual report.

Warm Stone Visual System and Typography

The color palette uses sun-bleached limestone as the background wash, charred timber for body text and navigation, exposed cedar on hover states and progress indicators, and desert sage on active sections and call-to-action borders. Typography pairs Fraunces as the serif display face with DM Sans for body copy.

Page sections overview

SectionPurpose
Reel HeroOpens the page with a letterboxed vertical video loop and typewriter episode title
Horizontal Scroll PanelsDelivers five editorial magazine spreads with data, maps, quotes, and stats
Mid-Scroll WaitlistPresents the "Save My Seat" email form and audience toggle after panel three
Report DownloadOffers the 2025 Tiny Living Report as a secondary conversion at scroll end
FooterCloses the page with a horizontal footer pattern

Design & branding system

The design language is editorial magazine meets hand-built cabin. Every visual choice favors warmth, grain, and analog texture over clean digital minimalism. The palette and typography work together to feel like a physical object you would pick up and read slowly.

  • Color system uses four values: limestone (#E8DFD0) for backgrounds, charred timber (#2C2420) for text, cedar beam (#A67B5B) for hover and progress states, and desert sage (#8B9E7C) for active elements and call-to-action borders
  • Typography is set in Fraunces for all display and heading use, and DM Sans for body copy, captions, and form labels
  • Animation stack includes a typewriter title effect, horizontal scroll snap, grain overlay, scan line texture, and staggered panel reveals

Mobile & speed optimization

The template is built desktop-first to support the horizontal scroll experience as its primary interaction. A mobile fallback converts the lateral panel flow into a vertical stack so all content remains accessible on smaller screens.

  • Desktop layout uses native CSS scroll behavior and Intersection Observer for scroll-linked panel reveals and animations
  • Mobile fallback preserves all five data panels and both conversion forms in a readable vertical sequence
  • Animations use CSS-native techniques, keeping the interaction layer lightweight without relying on heavy script dependencies

How this template helps you convert

The page is structured as a staged argument. By the time a visitor reaches the first form, they have already encountered three data-rich panels that prove the show's depth. The sign-up feels earned rather than demanded.

  1. The reel hero and typewriter title establish intimacy and credibility immediately, giving a visitor a reason to keep scrolling rather than bouncing
  2. The mid-scroll waitlist form appears at the moment of peak curiosity, after three editorial panels have delivered genuine insight, making the "Save My Seat" ask feel like a natural next step
  3. The secondary report download at the end gives already-converted visitors a second reason to engage, extending reach through sharing without requiring a separate campaign

Other information about this template

This template is part of the Blog & Editorial category within the Tiny House Living Content subcategory. It is built for the Tiny House Living Podcast niche and carries a high intersection match score for its category alignment. A few additional details worth knowing before you use it:

  • The page is localized for English-language audiences with United States-centric content context, including the state-level zoning map panel
  • The episode title shown in the template is "Episode 47: The 160-Square-Foot Family," used as a realistic placeholder to illustrate the typewriter animation
  • The audience toggle on the waitlist form uses three options: building, dreaming, and already living small, giving you immediate audience segmentation data from day one
  • The footer uses a horizontal layout pattern consistent with the lateral scroll design language of the rest of the page
Dwelling - Intimate Podcast Landing Page Template
Dwelling - Intimate Podcast Landing Page Template
Dwelling - Intimate Podcast Landing Page Template
Dwelling - Intimate Podcast Landing Page Template

Theme

Editorial Magazine

Creative direction

Industry Report

Color system

Warm Stone

Style

Horizontal Scroll

Direction

Waitlist/Coming Soon

Page Sections

Horizontal Scroll with Snap Panels

Short-form Reel Hero

Mid-scroll Waitlist Form

Secondary Report Download

Editorial Data Panels

Warm Stone Visual System

Related questions

Can I replace the video reel with my own footage?

Is the horizontal scroll layout usable on mobile devices?

Do both conversion forms use the same email capture mechanic?

Can I update the data shown in the editorial panels?

What is the audience toggle on the waitlist form for?