Vein is a split-screen landing page template built for copper mining operations targeting institutional buyers. It pairs animated infographic data displays with an industry-report scroll flow, building a credible, evidence-led case for procurement decision-makers. A persistent copper-toned call-to-action and secondary PDF download link guide serious buyers toward formal engagement without a form on the page.
by Rocket studio
Vein is a single-page landing page template designed for a copper mining company presenting itself to institutional procurement clients. The layout uses a 50/50 split-screen structure throughout, pairing hard operational data on the left with narrative context and photography on the right. Every section advances a cumulative, evidence-based argument for supply reliability and environmental credibility.
This template is built for copper mining operations that sell to institutional buyers rather than retail markets. It speaks the language of procurement departments, infrastructure financiers, and resource planners who need verifiable numbers before opening a formal inquiry.
Most mining company websites look like corporate brochures. They lead with photography and mission statements rather than the operational data that serious buyers actually need to initiate due diligence. Procurement officers leave without a reason to proceed.
You get a complete, single-page landing page template structured around institutional credibility. The layout is data-forward from the very first section, with every design choice reinforcing the tone of an authoritative operational report.




Theme
Civic Service
Creative direction
Industry Report
Color system
Slate & Sky
Style
Split Screen (50/50)
Direction
Click-Through
Page Sections
Animated Infographic Header
Split-screen Section Layout
Persistent Call-to-action Button
Secondary PDF Download Links
Industry Report Scroll Cadence
Civic Service Visual Theme
Does this landing page include a contact form?
Can I update the production figures and metric data shown in the header?
Who is the intended audience for this template?
What is the purpose of the PDF download links placed throughout the page?
Can the color scheme be adjusted to match a different brand identity?
This template includes the following built-in capabilities drawn directly from the brief.
The header replaces a traditional hero photograph with data. The left panel renders a stylized cross-section of an open-pit mine, complete with labeled rock strata, depth markers, and ore-grade percentages that count up on page load. The right panel presents a production dashboard showing annual cathode output in metric tonnes, proven reserves, and a copper purity figure holding at 99.99%.
Every content section below the header follows a strict 50/50 split. A single operational metric sits on the left; a narrative paragraph with supporting photography occupies the right. This structure mirrors an annual sustainability report, making the page immediately legible to buyers already familiar with that format.
The "Request Supply Terms" button appears in the top-right navigation and again at the bottom of the page after the logistics and port access section. Both instances use the oxidized copper accent color to draw the eye without breaking the authoritative visual tone.
A "Download Capacity Overview (PDF)" text link sits beneath each major data section. This gives analysts a ready-made asset to circulate internally, warming the lead before it reaches the sales desk. No form is required on this page; the primary click routes to a gated procurement portal.
The scrolling experience follows a deliberate editorial rhythm. Each section raises the evidentiary bar in sequence: operational scale, then environmental stewardship, then community impact, and finally logistics and port access. The page builds a case rather than simply listing features.
The color system and typographic tone communicate institutional authority. Slate and sky tones anchor the layout, while the oxidized copper accent pulses gently on key numbers and interactive highlights. The overall effect resembles a geological survey map, grounded, mineral-toned, and credible.
| Section | Purpose |
|---|---|
| Animated Infographic Header | Leads with production data: cathode output, proven reserves, copper purity |
| Operational Scale Metric | Communicates annual production volume with contextual narrative |
| Environmental Stewardship Metric | Presents water reclamation rate and CO₂ per tonne benchmarked against industry average |
| Community Impact Metric | Shows community employment figures alongside supporting context |
| Logistics and Port Access | Details supply chain reach; triggers final call-to-action placement |
The visual identity follows a Civic Service theme built on a Slate and Sky color palette. Every color choice references a real material or geological feature, giving the design an inherent sense of place and authority.
The split-screen layout is structured to reflow cleanly on smaller screens, stacking the left and right panels vertically so data and narrative remain paired and readable at any viewport width.
This template is built specifically for click-through conversion to a gated procurement portal. Every structural decision is designed to move a qualified buyer from first impression to formal inquiry.
This template is a strong fit for copper mining companies entering competitive procurement processes where buyers evaluate multiple suppliers simultaneously. The industry-report scroll cadence and evidentiary structure are particularly well-suited to contexts where trust and transparency are differentiating factors.