Precious Metals Vertical SaaS Pricing Website Template

Quick summary

Assay is a single-page bento grid template for a precious metals analytics dashboard. It opens with a scrolling institutional logo bar and live spot tickers, then drops visitors straight into an interactive premium calculator. Every tile that follows adds another instrument to the cockpit until the visitor is already using the product.

Who this template is for

This template is built for teams and founders launching a data-first precious metals intelligence product. It speaks directly to high-trust, numbers-oriented audiences who need to see the product working before they commit.

• Commodity desk analysts who track London Bullion Market Association (LBMA) fixes and need a dashboard that signals credibility instantly
• Self-directed investors managing physical allocations across gold, silver, platinum, and palladium as inflation hedges
• Refinery procurement managers who monitor dealer premiums over spot across multiple regions and time zones

What problem this template solves

Generic SaaS landing pages ask visitors to imagine the value. A precious metals analytics product cannot afford that gap. Buyers in this vertical are disciplined and skeptical. They need proof, not promises.

• Visitors arrive at a live calculator tile, not a hero image, so they engage with real functionality before reading a single marketing claim
• The page removes friction by routing to a free-tier signup with no inline form, keeping the path from curiosity to account as short as possible
• The bento grid structure presents multiple data dimensions simultaneously, matching the way commodity professionals actually scan information

What you get with this template

This template delivers a complete, ready-to-customize landing page structured around live data interaction and conversion. Every section is purposeful and every tile earns its place on the page.

• A full bento grid layout with a premium calculator tile, correlation matrix, drawdown chart, exchange-traded fund (ETF) inflow sparklines, and a supply disruption alert feed
• A Tech Glass visual identity using a Carbon Fiber color system with a molten gold accent reserved for live data points and calls to action
• A fixed bottom call-to-action bar that activates after 40 percent scroll depth, plus a secondary email-capture path through a downloadable weekly metals brief

Feature list

This template includes six core components drawn directly from the source brief. Each one contributes to the overall goal of turning a landing page visit into a confident product trial.

Interactive Premium Calculator Tile

The largest bento tile on the page. Visitors select a metal, enter weight in troy ounces, choose a dealer region, and receive the real-time premium over spot as both a dollar figure and a percentage heat bar. The first interaction inside this tile triggers the primary call to action.

Live Spot Ticker Bar

A single horizontal line of live spot prices for gold (Au), silver (Ag), platinum (Pt), and palladium (Pd) sits directly below the logo bar. Prices pulse in molten gold numerals with a soft glow micro-update transition, making the data feel alive from the first second on the page.

Institutional Logo Bar Header

A horizontal strip of recognizable institutional logos scrolls at a deliberate pace across the top of the page, rendered in monochrome titanium against carbon black. The scroll communicates platform scale without visual noise or distraction.

Data Intelligence Tile Grid

Surrounding the calculator, a set of self-contained bento tiles reveals itself on scroll. Each tile covers a distinct analytical lens: price correlation, historical drawdown, ETF inflow trends, and supply disruption alerts. Tiles are glass-bordered and activate with a subtle depth shift on hover.

Fixed Conversion Bottom Bar

After a visitor scrolls past 40 percent of the page, a persistent bottom bar carries the primary call to action. The bar keeps the next step visible without interrupting the data exploration experience above it.

Secondary Email Capture Path

A second conversion route, labeled "See the Full Metals Brief," offers a downloadable weekly portable document format (PDF) report. This path captures emails for nurture without requiring the visitor to commit to a full account signup on the spot.

Page sections overview

Design & branding system

The visual identity follows a Tech Glass theme built on a Carbon Fiber color system. Every color choice has a deliberate role in the hierarchy of the page.

• The base palette uses deep carbon black (#0D0D0D) for backgrounds, woven graphite (#1A1A2E) for tile surfaces, and polished titanium (#A0A0B0) for secondary text and inactive states
• Molten gold (#D4A843) is reserved exclusively for live data points, active states, and calls to action, giving critical elements immediate visual authority
• Bento tiles carry glass borders and respond to hover with a subtle depth shift, reinforcing the sense that each tile is a live instrument rather than a static content block

Mobile & speed optimization

The bento grid layout is designed to reflow naturally across screen sizes, keeping the most critical data tiles prominent regardless of viewport width. The template prioritizes layout discipline over decorative complexity.

• The calculator tile retains its position as the dominant interaction surface on smaller screens, so mobile visitors reach the product's core value without extra scrolling
• Ticker and logo bar elements are styled to remain readable and visually clean at reduced widths, maintaining the premium feel of the Tech Glass theme on any device

How this template helps you convert

The conversion architecture in this template is built around one principle: let visitors use the product before asking them to commit. Every structural decision supports that sequence.

1. The premium calculator sits at the top of the content hierarchy, ensuring the first scroll leads to a real interaction rather than a marketing headline. After that first interaction, the primary call to action appears naturally inside the tile, at the moment of highest intent.
2. The fixed bottom bar activates at 40 percent scroll depth, keeping the signup path visible for visitors who bypass the calculator and explore the data tiles first. This dual-trigger approach captures both high-intent and research-mode visitors without adding friction.

Other information about this template

This template is part of a broader set of vertical SaaS landing page designs built for data-intensive niches. It is particularly well-suited for products operating at the intersection of financial data and professional tooling.

• The template is built for the Precious Metals Vertical SaaS category and sits within the Technology segment of the marketplace
• The bento grid format is intentionally modular, making it straightforward to add, remove, or reorder tiles as the product's feature set evolves
• The no-form page philosophy routes visitors to a free-tier signup flow with an email field and a trading experience selector, keeping the initial commitment low
• The weekly metals brief download provides a secondary nurture path for visitors who are not yet ready to create an account

Show more