Patina - Refined Antiquecollecting Landing Page Template

Patina is a horizontal scroll landing page for an antique collecting blog and community. It guides visitors through a collector's day, from dawn estate sales to evening cataloguing, using full-viewport editorial photography and atmospheric typography. The page drives toward an inline quiz that reveals one of five collector archetypes and invites an email opt-in.

by Rocket studio

Quick summary

Patina is a Luxe Minimal, horizontal scroll landing page built for a curated antique collecting blog and community. It follows a Day-in-the-Life creative arc across full-bleed editorial panels, then invites visitors to complete a photo-answer quiz that reveals their collector archetype and prompts an email opt-in.

Who this template is for

This template suits anyone building a content-led community around antique collecting, vintage objects, or estate-sale culture. It works equally well for experienced collectors and curious newcomers who need a welcoming first impression.

  • Estate-sale regulars, retired academics, and serious collectors who want a digital home for their discipline
  • New collectors who inherited objects or recently discovered the hobby and need an inviting entry point
  • Editorial bloggers and niche community builders who want a refined, magazine-quality landing page

What problem this template solves

Most blog landing pages treat all readers the same. A collecting community needs to signal depth, welcome curiosity, and move visitors toward a meaningful action, not just a newsletter sign-up form.

  • Generic templates lack the editorial atmosphere that signals credibility to knowledgeable collectors
  • There is no clear path to convert a curious visitor into a committed community member
  • Static, vertical layouts cannot carry the narrative weight of a day-in-the-life story

What you get with this template

You get a single, carefully composed landing page that doubles as an editorial experience. Every section is purposefully sequenced to build trust and guide visitors toward the quiz and email opt-in.

  • A full-bleed hero with a worktable photograph, a floating provenance card, and a scroll-blur entrance effect
  • A horizontal scroll journey of four full-viewport editorial panels spanning a collector's full day
  • An inline photo-answer quiz with five archetype results and a tailored email opt-in reveal

Feature list

Horizontal Scroll Journey

The page moves horizontally like turning pages in a journal. Four full-viewport panels follow a collector's day from dawn at the estate sale through mid-morning research, afternoon restoration, and evening cataloguing. Each panel features an editorial photograph, a short serif caption, and an italic community quote overlay.

Inline Photo-Answer Quiz

The quiz opens inside the page without a navigation change. Seven illustrated questions ask visitors to tap curated photographs rather than text options. No email address is required to begin, lowering the barrier to engagement from the first interaction.

Collector Archetype Reveal

Completing the quiz unlocks one of five collector archetypes: The Archaeologist, The Aesthete, The Restorer, The Dealer, or The Inheritor. Each result includes a tailored reading list and an email opt-in framed as receiving a full profile and a weekly find matched to the visitor's eye.

Collector Archetypes Bento Preview

Before the quiz, a bento-grid section previews all five archetypes. This gives first-time visitors context and raises curiosity about which profile fits them best.

Staggered Animation and Scroll Snap

CSS scroll snap keeps horizontal movement precise and satisfying. IntersectionObserver triggers staggered reveals as each panel enters the viewport. Scroll-linked blur transitions and inline quiz animations reinforce the editorial pacing.

Editorial Testimonial Section

A dedicated community quotes section presents member testimonials in a format consistent with the page's antiquarian tone. Quotes also appear as italic overlays within the horizontal scroll panels for layered social proof.

Page sections overview

SectionPurpose
Hero worktable photoOpens with atmosphere, scroll-blur entrance, floating provenance card
Horizontal scroll journeyNarrates a collector's day across four editorial panels
Collector archetypes bentoPreviews all five archetypes to raise quiz curiosity
Inline quiz call to actionDelivers seven photo-answer questions without leaving the page
Community quotesReinforces trust with editorial-style member testimonials
Minimal footerCentered social links and copyright in a Superhuman-style layout

Design & branding system

The visual identity is Luxe Minimal with an Ink and Paper color palette. Typography pairs DM Serif Display for headings and pull quotes with Plus Jakarta Sans for body text, creating a warm contrast between antiquarian and modern.

  • Four-color palette: deep manuscript ink (#1B1B1E), aged vellum (#F0E6D3), foxing-stain tan (#C4A882), and auction-paddle red (#8B2F26) reserved strictly for interactive elements and calls to action
  • Natural overhead window light in photography, casting long morning shadows across the worktable hero
  • DM Serif Display italic for community quote overlays, reinforcing the journal-like editorial register

Mobile & speed optimization

The template is designed desktop-first to match the audience profile. A mobile fallback ensures the experience remains coherent on smaller screens without sacrificing the editorial tone.

  • CSS scroll snap powers horizontal movement with precise panel-to-panel transitions
  • IntersectionObserver handles staggered reveals, keeping animation logic lightweight
  • The horizontal scroll journey converts gracefully to a vertical sequence on mobile viewports

How this template helps you convert

The page builds trust gradually before asking for anything. Every design and content decision moves the visitor one step closer to completing the quiz and sharing their email address.

  1. The Day-in-the-Life horizontal journey introduces four collecting disciplines so each visitor finds themselves somewhere in the sequence before the quiz appears
  2. The quiz call to action appears first as a quiet text link after the third panel, then escalates to a persistent auction-red button after the fifth panel, meeting visitors at different levels of readiness
  3. The archetype result page pairs a tailored reading list with an email opt-in framed as a personal benefit, making the sign-up feel like a natural next step rather than a transaction

Other information about this template

This template is part of a Blog and Editorial category with a Hobby and Passion Content focus. It was designed specifically for the antique collecting niche and reflects the culture of US estate-sale collecting throughout its copy direction and visual references.

  • Template style: Horizontal Scroll with snap-based panel navigation
  • Theme: Luxe Minimal, antiquarian bookshop feel
  • Creative direction: Day-in-the-Life narrative arc
  • Header concept: Full-Bleed Photo with scroll-blur and floating provenance card overlay
  • Primary conversion flow: Quiz completion leading to email opt-in
  • Footer style: Superhuman minimal with centered social links and copyright
Patina - Refined Antiquecollecting Landing Page Template
Patina - Refined Antiquecollecting Landing Page Template
Patina - Refined Antiquecollecting Landing Page Template
Patina - Refined Antiquecollecting Landing Page Template

Theme

Luxe Minimal

Creative direction

Day-in-the-Life

Color system

Ink & Paper

Style

Horizontal Scroll

Direction

Quiz/Assessment

Page Sections

Horizontal Scroll Journey with Snap

Inline Photo-answer Quiz

Five Collector Archetype Results

Bento Archetype Preview Grid

Full-bleed Hero with Scroll Effects

Editorial Testimonial Section

Related questions

Does the quiz require an email address to start?

How many collector archetypes does the quiz reveal?

Can this template support a blog covering multiple collecting disciplines?

How does the quiz present its questions?

What does the horizontal scroll feel like on a desktop browser?