Hearth - Pastoral Kitchen Landing Page Template

Quick summary

Hearth is a single-page landing page template designed for interior design studios specializing in kitchens and baths. It opens with a full-bleed doorway photo, builds atmosphere through a parallax scroll that moves room by room, and closes with a five-question style quiz that delivers a named profile and a soft email capture.

Who this template is for

This template is built for studios and independent designers who sell considered, high-touch kitchen and bath renovation work. It speaks directly to clients who are already mid-decision, not just browsing.

• Kitchen and bath interior design studios looking to attract renovation-ready homeowners
• Independent designers working with couples building or upgrading a primary residence
• Real estate investors and flippers who need a polished, conversion-focused studio presence

What problem this template solves

Most design studio pages lead with a grid of past work and a contact form. That approach treats the visitor like a lead before they feel understood. Hearth flips the sequence.

• Visitors often leave before they feel confident enough to reach out, so the template builds trust through immersive spatial storytelling first
• Generic contact forms feel cold; the quiz interaction makes the email capture feel earned and personal
• Studios struggle to stand out visually; the pastoral Midnight Blue and brass palette creates an immediately distinctive and memorable first impression

What you get with this template

Hearth gives you a fully designed, single-page layout with every visual section and interactive element already structured. You get a ready-to-customize framework, not a blank canvas.

• A full-bleed hero section with a delayed fade-in headline and a dual-placement quiz call-to-action
• A parallax split-screen scroll sequence moving through kitchen, primary bath, powder room, and outdoor kitchen
• A five-question visual quiz modal with named style profiles, a curated mood board result, and an in-result email capture

Feature list

This template includes purpose-built sections and interaction patterns drawn directly from the brief. Each feature below is part of the delivered layout.

Full-Bleed Hero with Delayed Headline

The header uses a wide-angle, eye-level kitchen photograph that fills the entire viewport. No text appears for two seconds. Then a single italic line fades into the lower third: "What does your kitchen want to become?" This pacing creates genuine atmosphere before asking anything of the visitor.

Split-Screen Parallax Scroll

Each content section uses a 50/50 split layout. The left panel holds a close-up detail shot such as quartzite veining or a custom drawer pull. The right panel holds the wide room shot. As the visitor scrolls, the panels transition across four rooms using slow parallax movement that mimics walking through a home.

Style Quiz Modal

The call-to-action opens a full-screen modal quiz. Five visual either/or questions guide the visitor through preference choices. A room size selector and a project timeline field follow. The result delivers a named style profile with a curated mood board and a conversational prompt to connect.

Dual-Placement Quiz Call-to-Action

"Find Your Kitchen Style" appears first inside the hero fade-in sequence. After the second scroll section, it reappears as a fixed bottom bar that stays visible throughout the rest of the page. This placement ensures the primary action is always one tap away without being intrusive.

In-Result Email Capture

The email capture is built into the quiz results screen, not placed at the top of the page. After the visitor receives their named profile and mood board, a soft prompt reads: "Want to see this in your space? Let's talk." The sequence makes the ask feel natural and well-timed.

Pastoral Midnight Blue Color System

The color palette uses deep evening navy for headers and navigation, weathered slate for body text and secondary panels, soft linen white for backgrounds, and muted brass for buttons, icons, and hover states. Every element is pre-styled to this palette, so the template looks finished from the first preview.

Page sections overview

Design & branding system

The template is built on a Pastoral Calm visual identity with a Midnight Blue color system. Every color, spacing, and typographic choice is already applied to the layout.

• Deep evening navy (#0B1D3A) anchors the navigation and section headers; weathered slate (#3E5068) carries body text and secondary panels
• Soft linen white (#F4F1EB) washes across page backgrounds to keep the layout open and airy
• Muted brass (#C2A66B) activates all buttons, icon accents, and hover states, giving interactive elements warmth and visibility

Mobile & speed optimization

The split-screen layout and parallax transitions are designed with responsive behavior in mind. The template structure supports clean reflow across screen sizes.

• The 50/50 split panels stack vertically on smaller screens so detail and context shots remain legible without cropping
• The fixed bottom bar call-to-action is sized and spaced for comfortable tap targets on touch devices
• The full-screen quiz modal is built to occupy the full viewport on mobile, keeping questions large and easy to select

How this template helps you convert

Hearth is structured around a progressive commitment model. Each section moves the visitor one step closer to the quiz without pressure.

1. The two-second hero delay and single fade-in headline set a calm, high-trust tone before any call-to-action appears, reducing the instinct to leave.
2. The room-by-room parallax scroll builds desire organically. By the fourth room transition, the visitor has mentally toured a full home and is primed to imagine their own.
3. The quiz modal converts curiosity into commitment. The named style result and mood board give visitors something personal and tangible, making the email capture inside the results screen feel like a fair and welcome exchange.

Other information about this template

Hearth is suited to studios working at the intersection of interior design and real estate value. The template's narrative arc and quiz mechanic reflect a Gallery and Detail visual style with a Luxe Minimal sensibility.

• The template supports a direct sales flow, guiding visitors from passive browsing to active style identification without relying on a traditional contact form
• The named style profiles, "Modern Farmhouse," "Coastal Minimal," and "Old World Stone," are pre-built result states included in the quiz modal layout
• The design direction is Spatial and Architectural, meaning the layout itself acts as the studio's portfolio, replacing a static gallery grid with an experiential room tour
• This template is a strong fit for the Real Estate and Property category and the Interior Design Studio subcategory, particularly for studios serving homeowners, couples building a primary residence, and property investors

Show more