Meadow is a masonry-style landing page template built for farmhouse landscape designers who need a portfolio that feels as considered as their work. It combines a scroll-jacked drone-descent hero, an intimate Pinterest-style project grid, and a free almanac lead-capture form to turn first-time visitors into qualified inquiries, before they ever send a message.
by Rocket studio
Loading preview…
Quick summary
Meadow is a single-page portfolio template for a farmhouse landscape design atelier. It opens with a scroll-controlled drone descent, flows into a masonry project grid filled with process intimacy cards, and closes with a lead magnet form offering a free Seasonal Planting Almanac. The design feels like a studio at dusk, indigo, linen, pressed botanicals, and violet sparks on hover.
Who this template is for
This template is built for landscape designers who work at the intersection of craft and acreage. It speaks directly to practitioners whose clients arrive with raw land and a feeling they cannot yet name.
Farmhouse landscape designers running a boutique atelier or solo practice
Designers whose clients own five or more acres of pasture, orchard, or overgrown ground
Architects and design studios that need a portfolio page to lead with exterior landscape work
What problem this template solves
High-end landscape design is a trust business. A generic portfolio page cannot carry the weight of a five-acre project proposal. Visitors need to feel the designer's hand before they book a consultation.
Most portfolio templates display finished photography without showing the process that earned it
Visitors leave before converting because nothing proves expertise early enough in the scroll
A single contact form cannot segment the right kind of lead from casual browsers
What you get with this template
This template delivers a full single-page experience structured to move visitors from curiosity to download to inquiry. Every section has a defined role in building that trust arc.
A scroll-jacked hero section that locks the viewport and descends over a completed property via drone footage layers
A masonry project grid with inline case study expansion, process cards, and creator-led vignettes
A lead capture form offering a free 24-page Seasonal Planting Almanac with a qualifying toggle field
Theme
Atelier Studio
Creative direction
Creator Spotlight
Color system
Electric Indigo
Style
Masonry/Pinterest
Direction
Content/Resource
Page Sections
Scroll-jacked Drone Descent Hero
Masonry Pinterest-style Project Grid
Inline Case Study Expansion
Almanac Lead Capture with Toggle Field
Electric Indigo Atelier Color System
Fraunces and DM Sans Typography Pairing
Related questions
Who is this landing page template designed for?
What is the Seasonal Planting Almanac and how does the form work?
Can the masonry grid cards be customized with my own project photography?
Does the scroll-jacked hero work on mobile devices?
What happens when a visitor clicks 'See the Full Story' on a project card?
Feature list
This template is built around five distinct capability layers, each serving a specific moment in the visitor's journey.
Scroll-Jacked Drone Hero
The viewport locks on entry and a single drone shot descends slowly over a completed farmhouse property. The visitor's scroll controls the descent, from tree line and pond, through a stone terrace, down to a cutting garden. Releasing the trackpad freezes the frame. When ground level is reached, the video dissolves into the masonry grid and the page unlocks.
Masonry Project Grid with Inline Expansion
The grid is Pinterest-style, built from project vignette cards that each show a sketchbook page beside the finished installation, a soil sample jar next to the planting plan it inspired, or a hand-drawn section drawing overlaid on a drone photograph. Each card carries a subtle "See the Full Story" link that opens an expanded case study inline, keeping the visitor inside the scroll.
Process Intimacy Narrative Cards
Scrolling deeper into the grid shifts the content from finished work to raw process. Mood boards torn from seed catalogs, site-visit polaroids with pencil annotations, and time-lapse reels of a meadow filling in across three seasons appear in sequence. This narrative pull moves the visitor from observer to insider.
Almanac Lead Capture Form
The primary call to action is a free 24-page PDF guide called the Seasonal Planting Almanac. The form collects first name, email, and a single toggle question asking whether the visitor has land now or is still searching. This field pre-qualifies leads without friction.
Atelier Color and Typography System
The page uses Fraunces as the serif display typeface and DM Sans for body text. Section backgrounds alternate between weathered linen and deep studio indigo. Card borders are invisible, letting photography bleed to edge. Charged violet appears only on hover states and interactive pins, rewarding curiosity with a moment of color.
Page sections overview
Section
Purpose
Scroll-Jacked Hero
Locks viewport; drone descent builds atmosphere and signals craft
Masonry Project Grid
Showcases portfolio vignettes and process cards in a flowing pin layout
Who We Design For
Three audience portraits with botanical accents establish ICP clarity
Captures leads with a free PDF offer and a single qualifying toggle
Footer
Arc Browser Split pattern closes the page with navigation and context
Design & branding system
The visual identity is built on an Atelier Studio theme using an Electric Indigo color palette. The overall mood is an artist's worktable at dusk, indigo ink, pressed ferns, and violet light thrown across raw plaster walls.
Deep studio indigo (#2E1065) anchors section backgrounds and typographic headlines; weathered linen (#F5F0EB) serves as the primary canvas between dark sections
Dried-sage green (#6B7F5E) provides a grounding botanical accent across cards and botanical detail elements
Charged violet (#7C3AED) appears exclusively on hover states and interactive pins, keeping the palette restrained until the visitor acts
Mobile & speed optimization
The template is designed desktop-first, given the scroll-jacking behavior in the hero. A graceful mobile fallback is built in so the experience remains coherent on smaller screens.
The scroll-jacked hero degrades gracefully on mobile, preserving the drone imagery without the locked-scroll mechanic
CSS scroll-driven animation handles lighter motion sequences; GSAP manages complex sequences like the hero descent and staggered grid reveals
Masonry grid reflows cleanly for tablet and mobile viewports, preserving the intimate card narrative on any device
How this template helps you convert
The conversion architecture is built around earning trust before asking for anything. The almanac offer closes that loop at exactly the right moment.
The scroll-jacked hero and process grid establish deep credibility in the first three cards, so by the time the almanac form appears the visitor already trusts the work behind it.
The inline case study expansion keeps visitors engaged inside the scroll rather than navigating away, extending time on page and deepening the connection to the designer's process.
The toggle field in the almanac form separates active land-owners from future buyers, giving the designer a segmented list from day one.
Other information about this template
This template sits at the intersection of architecture and design, farmhouse architecture, and luxury landscape practice. A few additional details worth knowing before you customize it.
The template is categorized under Architecture and Design with a subcategory of Farmhouse Architecture
The layout is a single landing page with a masonry and Pinterest-style structure, not a multi-page website
Typography is set with Fraunces for display headings and DM Sans for body copy, both available via Google Fonts
The footer follows the Arc Browser Split pattern, offering a clean dual-column close to the page
The almanac form toggle is pre-built with two states: "I have land now" and "I am still searching"
Animation is powered by a combination of CSS scroll-driven properties and GSAP for the more complex hero and grid sequences
The template is localized for an English-language, United States rural and farmhouse context
