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

SectionPurpose
Before/After HeaderAnchors the guarantee headline over a split case study image
Guarantee HeadlineDelivers the core promise before the visitor sees the portfolio
Completed Project CardsShows real work with dimensions, lead times, and zero-remake badges
Three Guarantee CardsExplains Fit, Finish, and Timeline guarantees in plain language
Testimonial Card RowBuilds trust through contractor and designer client feedback
Primary call to action CardsDrives clicks to the pricing and lead times page
Contractor Spec Sheet call to actionCaptures trade professional emails via spec sheet download offer
Sticky Mobile BarKeeps 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.

  1. The guarantee headline appears before the portfolio, so trust is established before proof is even needed
  2. Project cards pair visual work with real dimensions and lead times, answering the practical questions contractors and designers ask first
  3. 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
Patina - Guaranteed Copper Landing Page Template
Patina - Guaranteed Copper Landing Page Template
Patina - Guaranteed Copper Landing Page Template
Patina - Guaranteed Copper Landing Page Template

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?