Patina - Guaranteed Copper Landing Page Template
Patina is a modular card-grid landing page built for custom copper fabricators. It opens with a before-and-after case study header and a bold guarantee headline, then walks visitors through completed projects, plain-language guarantees, and contractor testimonials. Every section builds trust before asking for a click.
by Rocket studio
Quick summary
Patina is a single-page, card-grid landing page template for custom copper workshops. It leads with a Case Study Before/After header and a guarantee-first headline, then builds credibility through project cards, three-part guarantee cards, and trade testimonials. The design uses a Forest Trust color system rooted in deep greens, warm browns, and copper highlights.
Who this template is for
This template is built for skilled craftspeople who sell custom copper work to discerning buyers. It speaks the language of interior designers, general contractors, and homeowners who need proof before they commit to a fabrication order.
- Interior designers sourcing a statement copper range hood for a residential remodel
- General contractors who need a backsplash or sink apron fabricated to spec before installation day
- Copper workshops serving homeowners who found an inspiration photo and need someone who can actually build it
What problem this template solves
Custom fabrication is a high-trust purchase. Buyers worry about fit, finish, and whether the piece will arrive on time. Most fabricator websites bury the guarantee in fine print and lead with portfolio images that look beautiful but answer no practical questions.
- Visitors leave without understanding lead times, remake policies, or how measurements are handled
- Trade professionals cannot quickly find spec information to include in a bid
- The workshop loses potential clients who were interested but not confident enough to reach out
What you get with this template
This template gives your copper workshop a structured, persuasion-led landing page that puts the guarantee front and center. Every card module below the header exists to prove that the guarantee is real.
- A sticky mobile bottom bar with a primary call to action repeated on every project card
- A secondary email-capture call to action designed for contractors downloading a spec sheet
- Three rows of modular cards covering completed projects, guarantee terms, and client testimonials
Feature list
This template is built around a deliberate content architecture. Each feature serves the guarantee-first creative direction described in the brief.
Before/After Case Study Header
The header splits left and right. The left side shows a raw kitchen alcove with exposed drywall and a bare duct hood. The right side shows the finished copper range hood installed, patina warming under pendant light. A small caption names the client's city and project timeline. The guarantee headline fades in over the seam, so it is the first thing any visitor reads.
Modular Project Card Grid
The first card row displays completed projects: range hood, bar top, sink apron, and architectural panel. Each card includes the piece dimensions, lead time, and a zero-remake badge. Visitors get the practical details they need without having to ask.
Three-Part Guarantee Card Row
A dedicated card row presents the Fit Guarantee, the Finish Guarantee, and the Timeline Guarantee. Each guarantee gets its own card with plain-language terms and no asterisks. The terms are visible and direct, which is the point.
Contractor and Designer Testimonial Row
The third card row stacks testimonials from contractors who care about callbacks and from designers who care about finish quality. Each testimonial is paired with the type of trade professional who left it, giving context to the feedback.
Click-Through Call-to-Action System
The primary call to action, "See Pricing and Lead Times," appears on every project card and is pinned in a sticky bottom bar on mobile. A secondary call to action, "Download Our Contractor Spec Sheet," captures email from trade professionals who are speccing copper into a bid but are not yet ready to order.
Forest Trust Color and Card Layout
Backgrounds alternate between deep Douglas fir and soft parchment so each card reads clearly. The warm copper highlight color is reserved for buttons, hover states, and pricing accents, giving every interactive element a consistent visual signal.
Page sections overview
| Section | Purpose |
|---|---|
| Before/After Header | Anchors the guarantee headline over a split case study image |
| Guarantee Headline | Delivers the core promise before the visitor sees the portfolio |
| Completed Project Cards | Shows real work with dimensions, lead times, and zero-remake badges |
| Three Guarantee Cards | Explains Fit, Finish, and Timeline guarantees in plain language |
| Testimonial Card Row | Builds trust through contractor and designer client feedback |
| Primary call to action Cards | Drives clicks to the pricing and lead times page |
| Contractor Spec Sheet call to action | Captures trade professional emails via spec sheet download offer |
| Sticky Mobile Bar | Keeps the primary call to action visible while scrolling on mobile |
Design & branding system
The visual identity follows a Service Utility theme inside a Forest Trust color palette. The result feels like a copper pot hanging in a timber-frame kitchen: the green of oxidized metal against old-growth wood, honest and rooted.
- Deep Douglas fir (#1B3A2D) and weathered bark brown (#5C4033) anchor the primary backgrounds and card frames
- Living patina verdigris (#4E8B6E) adds the oxidized-metal tone that connects the palette to the craft
- Warm copper highlight (#B87341) is reserved strictly for buttons, hover states, and pricing accents so interactive elements are always clear
Mobile & speed optimization
On mobile, the card grid stacks into a single-column scroll. The sticky bottom bar keeps the primary call to action pinned so it is never more than a thumb-tap away, regardless of where the visitor is on the page.
- Project cards reflow to single-column layout for clean readability on smaller screens
- The sticky bottom bar pins "See Pricing and Lead Times" persistently throughout the mobile scroll
- Card backgrounds alternate between fir and parchment so each section remains visually distinct without needing extra spacing
How this template helps you convert
The Guarantee-Led creative direction means every section below the header is building a case file. By the time a visitor reaches the bottom, the risk of clicking feels smaller than the risk of not clicking.
- The guarantee headline appears before the portfolio, so trust is established before proof is even needed
- Project cards pair visual work with real dimensions and lead times, answering the practical questions contractors and designers ask first
- The dual call-to-action system captures both ready-to-buy clients and trade professionals who need more time, so no serious visitor leaves empty-handed
Other information about this template
This template is part of a broader copper products and services category and is built specifically for the copper designer niche within the Construction and Home market. It works well as a standalone landing page for workshops that already have a separate pricing page they can link to.
- The template style is Card Grid (Modular), making it straightforward to reorder or swap card rows to match your specific service offerings
- The secondary spec sheet call to action is designed to serve trade professionals such as general contractors who need to include copper fabrication in a project bid
- The header concept is a Case Study Before/After, which means the template performs best when the workshop has at least one completed project with a strong visual contrast between raw and finished states




Theme
Service Utility
Creative direction
Guarantee-Led
Color system
Forest Trust
Style
Card Grid (Modular)
Direction
Click-Through
Page Sections
Before/after Case Study Header
Three-part Guarantee Card Row
Modular Project Card Grid
Dual Call-to-action System
Testimonial Card Row
Forest Trust Color System
Related questions
Who is this landing page template designed for?
What makes the guarantee section different from a standard testimonial page?
How does the call-to-action system work across the page?
Can this template support a workshop with multiple copper product types?
Does the template include the pricing page it links to?