Forge - Immersive Metalsmith Landing Page Template

Forge is a full-width immersive landing page template built for metalsmith artists who want their portfolio to feel as raw and intentional as the work itself. Designed around a dark Void & Violet palette and an interactive studio-tour structure, it guides gallery curators, interior designers, and collectors through the practice, from forge to finishing bench, with scroll-driven zones and tactile hover interactions.

by Rocket studio

Quick summary

Forge is a full-width immersive landing page template for metalsmith artists and craft studios. It uses a deep Void & Violet color system, a scroll-driven studio-tour layout, and interactive hover and click behaviors to turn a portfolio visit into a hands-on studio walk. The primary call to action leads visitors into a filterable archive of works organized by technique, material, and year.

Who this template is for

This template is built for working metalsmiths, blacksmiths, and craft artists who need a portfolio that matches the seriousness of their practice. It speaks to an audience that values process, material, and intent as much as finished form.

  • Metalsmith artists and blacksmiths showcasing exhibition-ready sculptural work
  • Studio craft practitioners targeting gallery curators, interior designers, and serious collectors
  • Independent artisans offering bespoke fixtures, hardware, or commission-based metalwork

What problem this template solves

Most portfolio templates reduce craft work to a flat image grid. For metalwork, that approach loses everything that makes the discipline compelling, the process, the material choices, the hours and heat behind each piece.

  • Standard templates show finished images without context, leaving curators and collectors with no sense of craft depth
  • Generic layouts do not support the layered storytelling that distinguishes studio metalwork from decorative product photography
  • Without structure, visitors leave before they understand the full scope of a practice or reach the archive and commission path

What you get with this template

You get a single-page immersive layout structured as a curated walk through five studio zones. Every section is designed to slow the visitor down and build trust before the call to action appears.

  • A full-bleed header with a two-second delayed engraving animation that reveals the piece title letter by letter
  • Five scroll-driven viewport sections moving from forge to finishing bench, each with distinct temperature and lighting transitions
  • Interactive sculpture hover states, click-to-expand weld-seam sidebars, a filterable technique and material archive, and a gated PDF process journal download

Feature list

This template's interactive and visual features are built specifically for the metalsmith portfolio context. Each component earns its place by serving how collectors and curators actually engage with craft work.

Full-Bleed Header with Engraving Animation

The header fills the entire viewport with an overhead forge photograph. No text appears on load. After two seconds, the piece title etches itself letter by letter in thin white-hot type across the lower third, as if being inscribed by an unseen hand.

Scroll-Driven Studio Zone Layout

Each section occupies a full viewport and represents a distinct studio zone: forge, anvil, quench tank, finishing bench, and gallery wall. Transitions between zones shift the ambient darkness and warmth, creating a spatial narrative rather than a static scroll.

Interactive Sculpture Turntable and Process Sidebar

Hovering over a sculpture rotates it slowly on a turntable. Clicking a weld seam opens a sidebar panel showing the technique used, the alloy, and the hours logged on that piece. Visitors interrogate the work rather than simply observe it.

Filterable Technique and Material Archive

The primary call to action opens a catalog filtered by technique (forging, chasing, repoussé, patination), material (mild steel, bronze, copper, mokume-gane), and year. The archive is the destination that the scroll-through earns.

Gated Process Journal Download

A secondary conversion path offers a PDF process lookbook. Visitors provide only an email address to receive it. The gate is introduced after visitors have already spent time inside individual pieces, so the exchange feels natural.

Void & Violet Interactive Color System

Interactive elements respond to the visitor's cursor with molten orchid highlights (#9B59B6), as if touch itself is the heat source. Backgrounds stay in absolute forge-black (#0B0A0F) and deep crucible violet (#2D1B4E), while body text floats in white-hot steel (#E8E1F0).

Page sections overview

SectionPurpose
Full-Bleed HeaderOpens with a forge photograph and delayed engraving title reveal
Forge ZoneFirst scroll section; establishes the heat, darkness, and material mood
Anvil ZoneShowcases shaped pieces with turntable hover and weld-seam sidebars
Quench Tank ZoneMid-page transition section with cooling color shift and process detail
Finishing Bench ZoneHighlights surface treatment, patination, and detail close-up imagery
Gallery Wall ZonePresents completed exhibition works before the archive call to action
Archive Entry PointPrimary call to action leading to filterable technique and material catalog
Process Journal GateSecondary conversion block offering the PDF lookbook for an email address

Design & branding system

The Void & Violet color system is built to evoke the sensory experience of a working forge at night. Every visual decision reinforces the weight, heat, and precision of the craft.

  • Color palette: absolute forge-black (#0B0A0F), deep crucible violet (#2D1B4E), molten orchid (#9B59B6) for interactive states, and white-hot steel (#E8E1F0) for all typography
  • Typography floats in pale steel against void-range backgrounds, with interactive elements blooming in orchid on hover to simulate the visitor's cursor acting as a heat source
  • The Atelier Studio theme keeps the aesthetic austere and gallery-calibrated, with no decorative clutter competing against the work itself

Mobile & speed optimization

The template is designed to maintain its immersive atmosphere across screen sizes. The spatial transitions and interaction layers are structured to adapt without losing the sense of depth and material weight.

  • Full-bleed sections and viewport-height zones reflow cleanly across desktop, tablet, and mobile screen widths
  • Hover-dependent interactions such as the turntable rotation and weld-seam sidebars are accessible on touch devices through tap equivalents
  • The dark background system reduces visual noise on smaller screens and keeps focus on the metalwork imagery throughout

How this template helps you convert

The conversion strategy is built on experience before ask. Visitors are led through a full studio tour before the archive prompt appears, so by the time they reach the call to action they have already invested time in the work.

  1. The scroll-through studio zones build familiarity and trust by letting visitors handle individual pieces through hover and click interactions before any commercial prompt appears.
  2. The primary call to action, "Explore the Archive," opens only after the gallery wall zone, at the point where a motivated curator or collector naturally wants more access.
  3. The gated process journal offers a low-commitment second path for visitors who want depth without a full archive commitment, capturing email addresses from an already-engaged audience.

Other information about this template

This template sits in the Portfolio & Agency category with a specific focus on the metalsmith interactive portfolio niche. It is suited to artists who need a page that functions as both a portfolio and a content destination.

  • The full-width immersive template style and Interactive Explorer creative direction make this layout distinct from standard grid or masonry portfolio formats
  • The Content/Resource landing page direction means the page is designed to hold visitors for several minutes, not just present a headline and a button
  • This template works well for artists preparing for gallery submissions, commission inquiries, or exhibition proposals where the audience expects professional presentation depth
Forge - Immersive Metalsmith Landing Page Template
Forge - Immersive Metalsmith Landing Page Template
Forge - Immersive Metalsmith Landing Page Template
Forge - Immersive Metalsmith Landing Page Template

Theme

Atelier Studio

Creative direction

Interactive Explorer

Color system

Void & Violet

Style

Full-Width Immersive

Direction

Content/Resource

Page Sections

Full-bleed Header with Engraving Animation

Scroll-driven Studio Zone Sections

Interactive Turntable and Process Sidebar

Filterable Work Archive

Gated PDF Process Journal

Void & Violet Interactive Color System

Related questions

Who is this landing page template designed for?

What interactive features does this template include?

Can I use this template to capture leads?

How is this template different from a standard portfolio layout?

Does the template include the filterable archive as a built-in section?