Hewn — Master Stone Masonry Landing Page Template

Quick summary

Hewn is a single-page landing page template designed for artisan stone masonry workshops. It pairs an animated line-art hero with a 50/50 scroll-reveal process section, tiered masonry pricing, client testimonials, and an inline quote form. The design feels as solid and deliberate as the craft it represents, cool, precise, and built to convert.

Who this template is for

This landing page is built for stone masonry professionals who want to reach clients online without writing a single line of code. It suits workshops that take bespoke commissions and need to communicate craft, process, and pricing with equal clarity.

• Homeowners restoring period cottages who need a trusted, detail-led masonry contact point
• Landscape architects and parish councils specifying dry-stone boundaries or heritage repairs
• Independent masonry workshops ready to create a professional online presence and sell directly

What problem this template solves

Most masonry workshops lose potential clients because their online presence does not match the quality of their physical work. A rough or generic landing page fails to communicate the skill, patience, and range of stone masonry. Visitors leave before they find the information they need.

• Clients cannot easily visualise what a commission involves or what it will cost
• There is no clear step-by-step process to build trust before a quote is requested
• Generic templates do not reflect the warm, craft-forward identity of an artisan masonry business

What you get with this template

This landing page template includes a complete set of sections designed around the full masonry sales journey. Every element is built to add credibility, guide attention, and move visitors toward a quote request.

• An SVG animated hero with a line-art stone wall drawing and a delayed headline reveal
• A five-stage 50/50 split-screen process section covering quarry selection through to lime pointing
• Three tiered pricing packages (Garden Wall, Boundary and Feature, Full Restoration) priced per linear metre, with an inline quote form and a secondary sample block purchase path

Feature list

This landing page template includes a carefully considered range of building blocks. Each one serves a specific purpose in the masonry sales journey.

SVG Line-Art Animated Hero

The full-viewport hero renders an architectural elevation of a stone wall in fine white strokes on a quarry-shadow background. The animation draws each course left to right, revealing headers, stretchers, and pinnings in cross-section. The headline "Built Stone by Stone" appears only after the final capstone line is placed, holding visitor attention throughout.

Transparent Process Split Screen

Five scroll-linked 50/50 panels walk visitors through each masonry stage. The left panel shows a hand-drawn sketch or site photograph; the right shows the finished stonework. This structure covers quarry selection, template cutting, banker masoning, site fixing, and lime mortar pointing in sequence. The pace slows as the page progresses, letting the weight of each step land properly.

Tiered Pricing with Lichen Green Accents

Three packages are displayed with clear per-linear-metre pricing and full inclusions. Lichen green borders and call to action highlights draw the eye to the most relevant tier. The design makes it easy for visitors to compare the range of services without feeling overwhelmed.

Inline Quote Form with Photo Upload

The "Get Your Stone Quote" call to action opens an inline form asking for wall type, approximate length, stone preference, and a site photo upload. The form asks only for essential information, keeping the process clean and friction-free. A secondary call to action lets browsers order a sample block for £15 with free delivery.

Named Client Testimonials Section

Three testimonial blocks represent the core audience segments: a homeowner, a landscape architect, and a parish council. Placing real voices from each client type builds credibility and reassures new visitors that the workshop delivers across a range of project scales.

Scroll-Linked Reveal Animations

Staggered fade-in animations are triggered by scroll position using Intersection Observer. Each section appears at a pace that mirrors the deliberate, unhurried nature of masonry itself. This approach keeps the landing page feeling dynamic without sacrificing the calm authority of the overall design.

Page sections overview

Design & branding system

The design system follows a Pastoral Calm theme drawn entirely from quarry and sky. Every colour, weight, and spacing decision reflects the quiet authority of hand-dressed natural stone.

• Monochrome Steel palette: quarry shadow (#1C1C1E), chisel-edge silver (#A8A9AD), lime mortar off-white (#E8E4DF), and lichen green (#6B7F5E) reserved for pricing highlights and call-to-action borders
• Fraunces serif display for headlines and Manrope for body text, creating a clean contrast between craft heritage and modern legibility
• High-resolution imagery slots and macro stone texture graphics are prioritised throughout to emphasise the hand-crafted detail of the work

Mobile & speed optimization

The template is built desktop-first to support the complex 50/50 split layouts, and it adapts fully for every device size. Many masonry clients browse from job sites, so mobile performance is given careful attention across all sections.

• Scroll-behaviour is handled with CSS and Intersection Observer, keeping animations smooth without heavy JavaScript overhead
• All layouts reflow cleanly on smaller screens so the landing page remains readable and functional on any device
• The inline quote form and sample block call to action are fully accessible from a mobile device, with no loss of functionality

How this template helps you convert

This landing page is structured to move visitors from curiosity to commitment at a natural pace. Every section earns trust before asking for anything in return.

1. The animated hero creates immediate attention and signals craft quality before a single word is read
2. The Transparent Process section builds deep trust by showing the masonry stages most clients never see, making the quote request feel like a natural next step
3. Tiered pricing with clear inclusions removes hesitation, and the sample block path gives undecided visitors a low-risk way to engage with the workshop

Other information about this template

This template sits within the Construction and Home category and is tagged under the Concrete and Masonry subcategory. It is built for artisan businesses that need a professional landing page without the complexity of a custom build.

• No-code platform tools make it easy to customize colours, typography, and layouts without any coding knowledge, saving significant time when launching
• Customizable templates like this one help masonry businesses create a professional online presence that matches the quality of their physical work
• The template is designed to display artisan credentials clearly, establish trust as a master mason, and communicate the full range of services offered
• Responsive design ensures the page looks great across every device, and built-in SEO structure helps improve visibility for local stone masonry searches
• For those exploring other categories of artisan workshop landing page templates, this template shares design principles with creative workshop templates used by ceramic studios, maker spaces, and craft brands, though it is purpose-built for masonry
• Webflow Stoneart is one example of a specialized stonework template in the broader market; Hewn takes a focused, single-page approach compared to larger multi-page stonework template collections
• The warm off-white base, mortar-toned palette, and lichen green accents are easy to adjust so the page can reflect a specific regional stone tradition or workshop identity

Show more