Berth is a hub-and-spoke landing page template built for free trade zone port authorities targeting logistics directors, freight forwarders, and CFOs. It combines an animated metrics header, an anchor-navigation checklist flow, and two conversion paths into one authoritative, data-command layout designed to move B2B site-selection decisions forward.
by Rocket studio
Loading preview…
Quick summary
Berth is a single-page, anchor-navigation template for a deepwater free trade zone authority. It opens with three animated key performance indicator tiles, guides visitors through five due-diligence spokes, and closes with a dual conversion system: a feasibility report request form and a gated duty-savings calculator download.
Who this template is for
This template was built for port authorities and free trade zone operators who need to speak directly to sophisticated B2B buyers. It addresses the specific concerns that arise in site-selection committee meetings and regional hub evaluations.
Logistics directors at multinational manufacturers scouting assembly corridors in Asia or Latin America
Freight forwarders comparing dwell-time guarantees and customs clearance performance across competing ports
CFOs modeling duty-deferral savings before committing to a regional distribution hub
What problem this template solves
Free trade zone operators often present their offer through generic brochure pages that fail to answer the precise questions decision-makers bring to a site visit. Berth replaces that passive approach with a structured, audit-style flow that builds cumulative confidence.
Visitors cannot quickly locate customs clearance timelines, warehousing capacity, or regulatory frameworks on typical port pages
B2B buyers need benchmark comparisons, not marketing language, before shortlisting a zone
Early-stage prospects need a low-commitment entry point before agreeing to a direct conversation
What you get with this template
Berth delivers a complete, ready-to-customize landing page built around a due-diligence structure. Every section answers one question a logistics director would ask in a formal selection meeting.
An animated metrics header showing average customs clearance time, annual TEU (twenty-foot equivalent unit) throughput, and active tenant count
Five anchor-navigation spokes covering duty structure, warehousing and logistics, regulatory framework, infrastructure specifications, and tenant case studies
Theme
Data Command
Creative direction
Checklist & Audit
Color system
Forest Trust
Style
Hub & Spoke (Anchor Nav)
Direction
Partnership/B2B
Page Sections
Animated Key Performance Indicator Header
Sticky Hub-and-spoke Anchor Navigation
Benchmark Audit Status Bars
Feasibility Report Request Form
Gated Duty-savings Calculator
Forest Trust Color Discipline
Related questions
Who is the primary audience for this landing page template?
Can I customize the key performance indicator numbers in the header?
What does the dual conversion system include?
How many sections does the template include?
Is this template suitable for a zone that handles multiple cargo types?
Two conversion paths: a feasibility report request form and a gated duty-savings calculator download
Feature list
The following built-in components make Berth effective for port authority marketing and B2B lead capture.
Animated Metrics Header
Three oversized key performance indicator tiles display average customs clearance time (3.7 hours), annual throughput (1.2 million TEUs), and active tenant enterprises (340+). Each number animates upward from zero on page load, rendered in surveyor-stake amber against old-growth canopy green.
Hub-and-Spoke Anchor Navigation
A sticky anchor navigation bar labels five destination spokes: Duty Structure, Warehousing and Logistics, Regulatory Framework, Infrastructure Specs, and Tenant Case Studies. This lets visitors jump directly to the section most relevant to their role without scrolling the full page.
Audit-Style Benchmark Status Bars
Each spoke opens with a performance status bar that positions the zone against international benchmarks, including World Trade Organization facilitation scores, average cargo dwell time versus regional competitors, and digital customs portal uptime. This gives buyers a structured comparison rather than uncontextualized claims.
Dual Conversion System
The primary call to action, "Request Your Zone Feasibility Report," captures company name, cargo type, estimated annual volume in TEUs, and a preferred contact method toggle (video call, site visit, or email brief). A secondary path offers a duty-savings calculator download gated behind a business email field.
Aerial Dusk Background Treatment
A subtle aerial photograph of the port at dusk sits behind the header tiles at fifteen-percent opacity. It communicates the physical scale of cranes and quay walls without competing with the data overlay.
Forest Trust Color System
Old-growth canopy green anchors the header and footer. Lichen-on-stone sage carries section backgrounds. Morning-fog ivory opens breathing room in data-dense panels. Surveyor-stake amber fires only on key performance indicator numbers, active navigation states, and call-to-action borders.
Page sections overview
Section
Purpose
Animated Metrics Header
Display three key performance indicator tiles with load animation and aerial port backdrop
Sticky Anchor Nav
Give visitors immediate jump access to all five due-diligence spokes
Duty Structure Spoke
Answer questions about import duty rates and zero-duty re-export rules
Warehousing & Logistics Spoke
Detail bonded warehouse capacity across 120 hectares and logistics capabilities
Regulatory Framework Spoke
Cover zone compliance posture and international facilitation benchmark scores
Infrastructure Specs Spoke
Present deepwater berth depth, quay capacity, and digital customs portal uptime
Tenant Case Studies Spoke
Provide social proof through real operator outcomes and dwell-time results
Feasibility Report Form
Capture qualified B2B leads with cargo type, TEU volume, and contact preference
Duty-Savings Calculator Gate
Convert early-stage prospects via a gated calculator download
Design & branding system
The Forest Trust color system gives Berth a tone closer to a topographic survey map than a typical port authority brochure. Every color has an assigned role, and none are used interchangeably.
Old-growth canopy green (#1B4332) anchors the header and footer; lichen-on-stone sage (#52796F) carries mid-page section backgrounds; morning-fog ivory (#EAF2E3) opens white space in data-dense panels
Surveyor-stake amber (#E09F3E) is reserved exclusively for key performance indicator numbers, active anchor navigation states, and call-to-action borders, ensuring it always signals importance
The Data Command theme and Checklist and Audit creative direction give every section the visual language of a due-diligence packet rather than a promotional brochure
Mobile & speed optimization
The template is structured for clean performance on smaller screens without sacrificing the data-dense feel that makes it credible to desktop-first B2B buyers.
The animated metrics tiles and anchor navigation restack gracefully for tablet and mobile viewports, keeping key figures readable at any screen size
The aerial dusk photograph loads at fifteen-percent opacity, reducing visual weight while maintaining atmospheric context on slower connections
The form and calculator gate are compact enough to function clearly on mobile without requiring horizontal scrolling or zooming
How this template helps you convert
Berth moves visitors from first impression to qualified lead through a deliberate, cumulative confidence structure.
The animated metrics header establishes credibility instantly. Amber numbers counting upward from zero communicate scale and precision before a visitor reads a single word of body copy.
The five-spoke checklist flow mirrors the due-diligence sequence a logistics director actually follows. By the time a visitor reaches the final spoke, each concern has been addressed with benchmark data, making the call-to-action feel like a logical next step rather than a sales push.
The dual conversion system captures leads at two intent levels. High-intent buyers fill in the feasibility report form with cargo type and TEU volume. Earlier-stage prospects download the duty-savings calculator, self-qualifying before committing to a direct conversation.
Other information about this template
Berth is part of the Marine and Maritime category, specifically within the Port and Harbor subcategory, and is purpose-built for the free trade zone niche. A few additional points are worth noting for teams evaluating this template.
The template style is Hub and Spoke with Anchor Navigation, meaning the sticky nav bar is a first-class design element rather than a secondary utility
The header concept is Stats and Metrics, so the page is intentionally designed around numerical credibility from the first viewport
The landing page direction is Partnership and B2B conversion, and every design decision, from color discipline to form field selection, reflects that goal
The intersection match between the Data Command theme, Forest Trust color system, Checklist and Audit creative direction, and free trade zone niche was scored at 13, indicating a high alignment between visual identity and audience expectations
This template is well suited to port authorities operating bonded warehouse zones, special economic zones, and deepwater logistics corridors that serve containerized cargo flows
