Dock is a split-screen landing page template built for in-orbit spacecraft servicing companies. It pairs an isometric technical illustration with a live-styled mission telemetry dashboard, guiding satellite operators and space agency procurement officers through each mission phase. The layout earns trust by showing real operational process before asking for anything in return.
by Rocket studio
Dock is a 50/50 split-screen landing page template designed for deep-tech aerospace companies offering in-orbit spacecraft servicing. The left panel holds a slowly rotating isometric cutaway of a servicing vehicle. The right panel displays a live-styled mission status dashboard. Together, they simulate the atmosphere of a mission control center at work.
This template is built for technical B2B aerospace companies that need to earn credibility before they earn a conversation. It speaks directly to buyers who evaluate vendors on operational fluency, not pitch decks.
Most aerospace landing pages describe capabilities in general terms. Buyers in this industry need to see the process before they trust the provider. Generic layouts cannot communicate mission-critical precision.
You get a fully structured single-page layout that walks visitors through each mission phase in sequence. Every scroll section pairs a visual state of the servicing vehicle with its corresponding telemetry data and operator protocols.




Theme
Dashboard Pro
Creative direction
Transparent Process
Color system
Charcoal & Amber
Style
Split Screen (50/50)
Direction
Content/Resource
Page Sections
Split-screen Hero with Isometric Illustration
Live-styled Mission Status Dashboard
Scroll-triggered Phase Reveal System
Gated Download with Operator Segmentation
Mission Outcomes Bento Grid
Dashboard Pro Typography System
What kind of company is this template built for?
Can I adapt the mission phases to match my own service workflow?
Is the telemetry data on the dashboard live or static?
Where does the primary download gate appear?
Does the template work on mobile devices?
This template ships with a precise set of built-in capabilities drawn directly from the mission control creative direction.
The hero divides equally between a detailed isometric cutaway of a servicing vehicle and a right-panel dashboard. The illustration renders real subsystem references including a Marman clamp ring, star trackers, bipropellant thruster pods, docking interfaces, robotic arm reach envelopes, and fuel transfer lines. The vehicle rotates slowly on a 15-degree arc using CSS animation.
The right hero panel presents a mission status readout styled after real operations center displays. It includes phase labels such as "APPROACH 12.4m," propellant gauges, alignment vectors, and a countdown to capture. Telemetry values tick using CSS keyframe animations to create a live-data feel without a backend connection.
Each mission phase section uses GSAP ScrollTrigger to reveal content as the visitor scrolls. The left panel shows the isometric vehicle at the corresponding mission stage while the right panel displays telemetry, decision gates, and operator protocols for that phase. The sequence moves through Rendezvous, Inspection, Capture, Service, and Release.
The primary call to action, "Download the Mission Planning Guide," appears at the phase transition between Inspection and Capture. A lightweight form collects work email and operator type from four segments: commercial GEO fleet, LEO constellation, government/defense, and insurance. Ungated individual phase brief downloads appear at each scroll section as a secondary engagement path.
A dedicated outcomes section presents mission metrics in a bento-style grid layout. Metrics include propellant transferred, mission extensions delivered, and assets serviced. A "Schedule Assessment" call to action anchors the bottom of this section.
The template uses three typefaces with distinct roles. DM Serif Display handles editorial headlines. JetBrains Mono renders all telemetry data, counters, and readout labels. Manrope covers body copy and user interface text. This separation keeps the page readable while reinforcing the mission control aesthetic.
| Section | Purpose |
|---|---|
| Hero Split Screen | Introduces servicing vehicle and live mission dashboard |
| Rendezvous Phase | Shows approach trajectory and range/closure telemetry with ungated brief |
| Inspection and Capture | Presents go/no-go matrix and hosts primary download gate |
| Service and Release | Displays capability manifest and outcome metrics with ungated brief |
| Mission Outcomes | Bento metrics grid with Schedule Assessment call to action |
| Footer | Single-row linear footer with contact and navigation links |
The visual identity uses a Charcoal and Amber color system built to feel like the interior of a spacecraft operations center after sunset. Every color choice has a functional role; nothing is purely decorative.
The template is designed desktop-first. The full split-screen layout requires a viewport of 1280 pixels or wider to display its intended 50/50 split with full visual impact.
The page is built around a content-first conversion model. Visitors are shown operational credibility before they encounter any ask.
This template is part of the Dashboard Pro theme family and uses the Charcoal and Amber color system as its foundational visual language. It is categorized under Aerospace and Defense, with a specific focus on the Space and Satellite subcategory and the In-Orbit Servicing niche.