Metal Smith Portfolio Professional Website Template

Quick summary

Forge is a single-page portfolio template built for custom metalwork studios. It uses a bento grid layout, a Before/After Slider header, and an award-centric creative direction to communicate craft credibility at a glance. The dark Ink and Paper color system gives every project photograph room to breathe, while two B2B calls to action guide qualified clients toward collaboration.

Who this template is for

This template is built for working metalsmith studios that sell to professional buyers, not the general public. If your clients write specifications, commission limited editions, or source statement pieces for designed spaces, this page speaks their language.

• Custom metalwork studios serving interior architects and luxury residential projects
• Fabricators who supply sculptural furniture or architectural hardware to hospitality and gallery clients
• Independent smiths with award recognition who want their credentials to do the selling before any contact form appears

What problem this template solves

Most portfolio pages treat awards and client names as footnotes. Forge makes third-party validation the structural backbone of the page, so serious buyers trust the work before they ever reach a form.

• Generic portfolio layouts bury recognition behind project galleries, weakening the trust signal that B2B clients need
• Standard contact forms ask for commitment too early, before the visitor has seen enough proof to act with confidence
• Single-format grids cannot communicate the range of a studio's output, from a single sculptural piece to an ongoing specification relationship

What you get with this template

You get a fully designed, single-page layout built around the specific conversion needs of a craft-based B2B studio. Every section has a clear job: build credibility, show range, then invite contact.

• A Before/After Slider header that visualizes the raw-to-finished material transformation
• A bento grid body with variable cell sizes for project photography, award laurels, and client pull quotes
• Two distinct conversion paths: a "Spec a Collaboration" form and a gated "Download the Spec Sheet" secondary option

Feature list

A quick paragraph on what makes this template work as a system: each feature listed below was designed to serve a specific moment in the visitor's journey, from first impression to qualified inquiry.

Before/After Transformation Slider

The header opens with a split-view slider. The left side shows a rough steel billet on an anvil under directional tungsten light. The right side reveals the finished object, a cantilevered console table photographed inside a minimalist concrete interior. A thin amber drag handle marks the boundary between raw material and refined craft.

Variable-Proportion Bento Grid

The grid uses cells of three sizes to create visual rhythm across the page. Large cells hold full-bleed project photography. Medium cells display award laurels and competition names. Small cells carry pull quotes from specifying architects.

Award and Recognition Architecture

Recognition badges are not purely decorative. Each badge is hyperlinked to its original award listing, turning the grid into a verifiable trust structure that institutional buyers can validate independently.

Dual B2B Conversion Paths

The primary call to action, "Spec a Collaboration," appears twice: once floating after the third grid row and once anchoring the final section. A secondary path offers a gated PDF spec sheet that captures only email and firm name, lowering the barrier for early-stage inquirers.

Collaboration Intake Form

The "Spec a Collaboration" form captures firm name, project type (residential, hospitality, gallery, or architectural hardware), estimated material scope (single piece, collection, or ongoing specification), and a file upload field for mood boards or technical drawings.

Molten Amber Interactive States

The amber accent color is used exclusively for interactive elements and award insignias. This restraint means every glowing element earns visual attention, the way a spark earns attention in a dark room, reinforcing the tactile logic of the overall design.

Page sections overview

Design & branding system

The visual identity follows a Dark Immersive theme built on an Ink and Paper color system. The palette is described as a charcoal rubbing lifted from a blacksmith's workbench: dense, tactile darkness interrupted only by the warm glow of heated metal.

• Deep forge black (#0B0B0F) and hammered graphite (#1E1E24) form the background layers, giving project photography maximum contrast
• Parchment white (#EDE8E0) handles all typography and negative space, keeping text legible without breaking the dark atmosphere
• Molten amber (#D4890A) appears only on interactive states and award insignias, so every bright element demands and deserves attention

Mobile & speed optimization

The template layout is designed to translate the bento grid's variable cell rhythm into a readable single-column flow on smaller screens. The Before/After Slider and form sections remain functional across device sizes.

• Variable grid cells reflow to prioritize large project images on narrow viewports
• The floating "Spec a Collaboration" call to action repositions cleanly without obscuring content on mobile screens
• The gated spec sheet download and file upload field are included in the responsive layout

How this template helps you convert

The page earns the click by building a case before it makes an ask. Every section is sequenced to move a professional buyer from curiosity to qualified inquiry.

1. The Before/After Slider establishes craft credibility in the first scroll moment, setting expectations for the quality of work that follows in the grid.
2. Award badges and pull quotes from named architects accumulate social proof progressively, so by the time a visitor reaches the form, trust is already established.
3. Two conversion paths serve two buyer mindsets: the "Spec a Collaboration" form captures ready-to-engage studios, while the gated spec sheet captures researchers who need more information before committing.

Other information about this template

This template was designed specifically for the metalsmith minimalist portfolio niche, where restraint and proof carry more weight than decoration. A few additional details worth noting:

• The template style is Bento Grid, a layout format well suited to studios with diverse output across furniture, hardware, and gallery objects
• The Dark Immersive theme and Ink and Paper color system are purpose-built to complement the tonal range of steel, iron, and patinated metal photography
• The creative direction is Award and Recognition, meaning the layout hierarchy places institutional validation above personal narrative
• This is a single-page landing page structure, not a multi-page website, keeping all buyer touchpoints in one focused scroll journey
• The header concept, Before/After Slider, is a format that communicates material transformation more directly than a static hero image alone
• The landing page direction is Partnership and B2B, so the copy tone and form structure are calibrated for professional buyers rather than consumer audiences

Show more