Inkwell - Timeless Stationery Landing Page Template

Quick summary

Inkwell is a heritage-styled horizontal scroll landing page for a fountain pen and stationery podcast. It presents episodes like curated shelves in a stationery shop, moving visitors naturally from discovery to listening. The design is warm, editorial, and tactile, built around a parchment and ink-blue palette that feels as considered as the handwritten word.

Who this template is for

This template is built for podcast hosts in the stationery and fountain pen space who want a page that reflects the craft of their content. It works equally well for journaling shows, calligraphy channels, or any editorial audio project with a loyal, taste-driven audience.

• Fountain pen collectors and stationery enthusiasts hosting a podcast or audio show
• Calligraphers and journalers building a listener community around their craft
• Newcomers to the hobby who want a welcoming, well-organized content home

What problem this template solves

Most podcast landing pages feel generic. They list episodes in a plain feed, offer no visual identity, and give visitors no real reason to linger. For a niche hobby podcast with a devoted audience, that mismatch hurts trust and discoverability.

• Visitors bounce before hearing a single episode because the page fails to reflect the warmth of the content
• Episode archives feel overwhelming without a curated entry point for new listeners
• Newsletter signups underperform when the value of subscribing is never shown before the ask

What you get with this template

You get a fully designed, single-page horizontal scroll layout with five distinct thematic panels, a pinned call-to-action bar, and a newsletter signup section. Every section is purpose-built for a content-first podcast experience.

• A hero header with a full-bleed image composition and a single focused tagline
• Three episode-browsing panels covering starter picks, a categorized ink library, and guest voice highlights
• A newsletter section with a mock issue card and an inline name-and-email signup form

Feature list

A brief overview of what makes this template work for a stationery podcast brand.

Horizontal Scroll Panel Layout

Five lateral panels are arranged like themed shelves in a curated shop. Each panel reveals content progressively as the visitor scrolls, mimicking the natural left-to-right movement of a hand writing across a page.

Type Over Image Hero

The header places a large serif headline and a single tagline directly over a close-up photograph of a hand writing on cream paper. The composition is designed to breathe, with no buttons crowding the image before the first scroll beat.

Starter Episode Shelf

Five essential episodes are presented in an asymmetric bento-style layout that resembles pen boxes in a display case. This gives new listeners a clear and inviting entry point without navigating an entire archive.

Ink Library with Category Swatches

Episodes are grouped by topic, such as vintage pens, paper reviews, and ink comparisons. Small color-coded swatch circles mark each category, making the library feel visual and browsable rather than list-heavy.

Guest Voices Panel

Pull quotes from notable episodes are displayed over scanned notebook-page backgrounds in tilted compositions. This section adds social proof while maintaining the handcrafted aesthetic of the overall design.

Weekly Ink Drop Newsletter Section

A mock newsletter issue card previews exactly what subscribers receive every Friday: one episode recommendation, one pen review, and one ink swatch. The inline signup form asks only for a first name and email address.

Page sections overview

Design & branding system

The visual identity follows a Heritage and Story theme using a Cloud Canvas color system. Every color choice is grounded in the physical experience of working at a writing desk, warm without being nostalgic to the point of distraction.

• Soft parchment (#F5F0E8), writing-desk walnut (#4A3728), and pencil-graphite gray (#6B6B6B) form the core palette, with bottled ink blue (#2C4A6E) reserved for links, play buttons, and episode highlights
• Headlines use a serif typeface with visible stroke contrast, paired with a clean sans-serif for body text to keep reading comfortable at every panel
• The Curated Collection creative direction means each panel feels like a distinct but cohesive shelf, rewarding visitors who linger rather than those who scroll past quickly

Mobile & speed optimization

The template is designed desktop-first, with the horizontal scroll experience as the primary interaction. A graceful vertical fallback is built in so the content remains fully readable and navigable on smaller screens.

• Horizontal scroll panels reflow into a vertical stack on mobile, preserving all content and section order
• Animations use GPU-accelerated transforms only, keeping motion smooth without taxing device performance
• Native CSS smooth scroll handles panel transitions, with GSAP ScrollTrigger managing parallax and staggered reveals on desktop

How this template helps you convert

The page uses three distinct conversion paths, each matched to a different stage of visitor intent. No path is aggressive, and every episode remains freely accessible without a gate or paywall.

1. A pinned "Start Listening" call-to-action bar stays visible at the bottom of the viewport throughout the entire scroll, linking directly to the latest episode with an embedded player.
2. A "Browse the Archive" secondary path anchors to a searchable episode grid at the scroll's end, serving visitors who want to explore beyond the curated starter picks.
3. The "Get the Weekly Ink Drop" newsletter section earns signups by showing a mock issue card on the page, so visitors know exactly what they are subscribing to before entering their details.

Other information about this template

This template is built around the specific intersection of podcast content and stationery culture, a combination that rewards careful visual storytelling over generic podcast page conventions.

• The custom cursor interaction and ink-swatch hover effects reinforce the tactile stationery theme at the interaction level
• The template uses Cormorant Garamond for display headlines and DM Sans for body text, a pairing chosen to balance editorial warmth with everyday readability
• Episode play counts and handwritten-style testimonials can be incorporated alongside the guest pull quotes for additional social proof
• The footer follows a Pattern 1 Linear Single-Row layout, keeping the close of the page clean and uncluttered
• The page is localized in English and designed around a free, ungated podcast model, making it well suited to direct-to-listener content distribution

Show more