Gargoyle is a single-page landing page template built for gothic revival landscape designers who work at the intersection of heritage craft and high-value estate commissions. The asymmetric 60/40 grid, atmospheric Luxe Minimal palette, and Creator Spotlight narrative flow work together to turn a first visit into a consultation booking.
by Rocket studio
Loading preview…
Quick summary
Gargoyle is a gothic revival landscape design landing page template built to attract heritage homeowners, boutique hoteliers, and private collectors. Its asymmetric 60/40 grid, vellum-warm colour palette, and Creator Spotlight storytelling structure guide every visitor from first impression to consultation booking.
Who this template is for
This template is crafted for design practices that work at the quieter, more deliberate end of landscape architecture. If your commissions involve yew labyrinths, carved stone water features, or wrought-iron follies, this page speaks your language fluently.
Boutique hoteliers and heritage homeowners who need to see vision before they invest
Private collectors commissioning sculptural gardens as permanent estate features
What problem this template solves
Most landscape design pages look like contractor portfolios. They show finished photographs without the story behind them, which leaves discerning clients cold. Gargoyle solves the intimacy gap by making the designer the central narrative voice from the very first scroll.
Visitors leave too quickly when a page feels anonymous and transactional
Heritage clients need trust before they book a consultation, not just images
Generic templates cannot hold the editorial weight that a gothic revival practice demands
What you get with this template
The template delivers a fully structured, single-page lead generation flow. Every section has a defined purpose, and the design system is consistent from header to footer.
An abstract geometric hero with an asymmetric 60/40 layout and a serif headline
A Creator Spotlight narrative arc across maker introduction, portfolio, and commissions sections
A sticky consultation call-to-action bar, a structured commission form, and an email-gated PDF download
Feature list
Theme
Luxe Minimal
Creative direction
Creator Spotlight
Color system
Cloud Canvas
Style
Asymmetric Grid (60/40)
Direction
Lead Generation
Page Sections
Abstract Geometric Hero with 60/40 Split
Creator Spotlight Narrative Arc
Sticky Consultation Call-to-action Bar
Structured High-intent Commission Form
Email-gated PDF Nurture Path
Portfolio Grid with Greyscale Hover
Related questions
Who is this landing page template designed for?
What conversion paths does the template include?
Can I showcase multiple completed estate projects?
Does the consultation form support different client types?
What is the design style and colour palette used in this template?
This template includes a carefully considered set of built-in components, each serving the broader goal of converting an interested visitor into a confirmed consultation.
Abstract Geometric Hero Section
The hero occupies the full viewport in a 60/40 split. The wider column holds an interlocking angular SVG composition in cloister black and cathedral stone. The narrow column carries a single Fraunces serif headline in misted parchment: "Gardens That Remember." No photography appears yet, which earns the scroll through deliberate restraint.
Asymmetric 60/40 Grid Layout
Every section of the page uses a consistent 60/40 column ratio. Process photography or finished landscape work sits in the wider column, while portrait moments and designer narrative occupy the narrower one. The rhythm creates a sense of deliberate authorship rather than a standard grid template.
Sticky Consultation Call-to-Action Bar
A verdigris-accented bar locks to the top of the viewport after the visitor scrolls past the third section. It anchors the primary call to action, "Commission a Consultation," without interrupting the reading flow before the visitor has had time to understand the practice.
Structured Consultation Form
The commission form collects property type via a selector, approximate grounds acreage via a minimal slider, a free-text field asking visitors to describe the atmosphere they want to feel outside, and an optional image upload for site photographs. The form is built for high-intent leads who are ready to start a real conversation.
Email-Gated PDF Download
A secondary conversion path offers a downloadable guide titled "The Gothic Garden Principles." It is gated behind an email capture modal. This path nurtures visitors who are not yet ready to book but want to stay within the designer's world.
Portfolio Section with Hover States
The portfolio displays five named projects in an asymmetric masonry grid. Each project card opens in greyscale and transitions to full colour on hover, using the oxidised verdigris accent to signal interactivity. Named client projects with estate locations and commission dates provide the social proof that heritage clients expect.
Page sections overview
Section
Purpose
Hero geometric header
Establishes visual identity and earns the scroll with restraint
Maker introduction
Introduces the designer through close-up process photography and narrative
Portfolio masonry grid
Presents five named estate projects with greyscale-to-colour hover
Commissions bento
Shows three client types and anchors the sticky consultation call to action
Gothic Garden Principles
Captures nurture leads via email-gated PDF download
Footer arc split
Closes the page with structured navigation and brand close
Design & branding system
The visual identity follows a Luxe Minimal theme built on the Cloud Canvas colour system. Every colour choice references a specific material quality: aged vellum, weathered stone, deep shadow, and a single touch of oxidised metal.
Misted parchment (#F4F1EB) for backgrounds, cathedral stone (#A9A295) for mid-tones, and deep cloister black (#1A1714) for primary type and structural elements
Oxidised verdigris (#5B7B6F) reserved exclusively for hover states and interactive elements such as the sticky bar and call-to-action buttons
Fraunces serif display typeface for headlines and DM Sans for body text, pairing editorial weight with clean readability
Mobile & speed optimization
The template is built desktop-first to match the browsing habits of its target audience. Large-estate clients tend to review design work on wider screens, so the 60/40 grid and generous negative space are calibrated for that context.
Static sections use server-rendered components to keep initial load light and content visible immediately
Interactive elements such as the sticky bar, consultation form, and email capture modal are handled by client-side components so they do not slow down the static content
Subtle parallax scrolling and staggered fade-in-up animations are set at a medium intensity, giving the page movement without introducing jank on standard connections
How this template helps you convert
Gargoyle is structured as a lead generation funnel. Each section moves the visitor one step closer to either booking a consultation or joining the designer's email list.
The hero withholds photography deliberately, creating curiosity that pulls the visitor into the maker introduction section where trust begins to build.
The Creator Spotlight arc builds personal intimacy across each subsequent section, so that by the time a visitor reaches the portfolio, every garden feels personally signed and worth commissioning.
The dual conversion structure captures both high-intent leads through the consultation form and early-stage interest through the email-gated PDF, ensuring no engaged visitor leaves without a connection.
Other information about this template
This template is designed for design practices that position their work as permanent estate additions rather than seasonal landscaping. The gothic revival aesthetic runs through every detail of the layout and copy structure.
The page uses an Arc Browser Split footer pattern for a structured, editorial close
The tone and currency context follow a United Kingdom heritage register, with no explicit currency display but an implied premium positioning
Animation is set at medium intensity: fade-in-up staggered reveals, subtle parallax on landscape imagery, and greyscale-to-colour hover transitions on portfolio cards
The template style is Asymmetric Grid (60/40) and the header concept is Abstract Geometric, both defined at the intersection of gothic revival architecture and luxury minimal design
