Dock is a scroll-reveal landing page template built for container orchestration tools and open source developer projects. It features a void-dark glassmorphic design, a live terminal hero animation, scroll-triggered feature comparison cards, and a three-tier conversion flow. The template is desktop-first, written in JetBrains Mono and Manrope, and converts visitors through proof before ask.
by Rocket studio
Dock is a dark, terminal-aesthetic landing page template designed for container orchestration command-line tools and open source infrastructure projects. It pairs a spacecraft cockpit glassmorphic visual system with a scroll-reveal feature matrix, real command snippets, and a frictionless three-tier conversion flow. Every design decision reflects the confidence and precision that platform engineers expect.
This template was built for technical founders, DevOps leads, and open source maintainers who need a landing page that earns trust through competence rather than marketing copy. The audience works in terminals, reads infrastructure diagrams, and skips anything that feels like a brochure.
Most developer tool landing pages either over-explain with walls of prose or under-deliver with vague taglines. Neither works for a technically skeptical audience. This template solves the credibility gap by making the tool demonstrate itself through real commands, real comparisons, and real architecture before asking for any commitment.
You get a fully structured, single-page scroll-reveal layout purpose-built for a container orchestration open source project. Every section is pre-built and ready to customize with your own commands, metrics, and copy.




Theme
Dashboard Pro
Creative direction
Feature Matrix
Color system
Glassmorphic
Style
Scroll Reveal (Progressive)
Direction
Freemium/Trial
Page Sections
Live Terminal Hero with ASCII Topology
Scroll-reveal Glassmorphic Feature Matrix
Floating Monospace Command Showcase
Three-tier Frictionless Conversion Section
Social Proof with Github Metrics
Dashboard Pro Glassmorphic Design Tokens
What type of project is this template designed for?
Can I swap in my own commands and comparison data?
Does the template require a backend or database to run?
Is the scroll-reveal animation easy to adjust?
Does the three-tier conversion layout work for a paid product too?
This template ships with six distinct capability areas, each grounded in the source brief and ready to use out of the box.
The hero section opens with a full-bleed void background and a single animated terminal at center. It types a real dock deploy command keystroke by keystroke, then renders an ASCII topology map showing containers spinning up and health checks passing. The glow radiates softly from the terminal edges, making the screen feel like the only light source in the room.
Four glassmorphic cards slide up from opacity zero as the visitor scrolls. Each card covers one capability layer: orchestration, networking, secrets, and observability. A compact comparison grid inside each card shows capability coverage across raw Docker, Compose, and the featured tool, with cyan glowing checkmarks for active features.
Between each feature matrix card, a single monospace command snippet floats in view. Each snippet shows the exact command that activates the capability described in the card above it. This keeps the content grounded in real usage rather than abstract feature claims.
The call-to-action section offers three paths at once. The primary path reveals a curl install command with one-click copy and no form. The secondary path links to a browser-based sandbox requiring only a GitHub OAuth login. The tertiary path is a minimal email field for release notes.
A dedicated social proof section displays GitHub star counts, deployment metrics, and a single testimonial from a platform engineer persona. The metrics are presented inline with the glassmorphic panel style, keeping the visual system consistent across the page.
Every card, code block, and panel sits on a backdrop-blur surface with a 1-pixel border of translucent white. The void black base, electric cyan active states, muted lavender secondary text, and critical magenta call-to-action pulse are all pre-wired into the design tokens. The result is a spacecraft cockpit aesthetic that feels earned and alive.
| Section | Purpose |
|---|---|
| Hero Terminal Animation | Opens with a live deploy command typewriter and ASCII topology reveal |
| Feature Matrix Cards | Four scroll-triggered cards comparing capability layers |
| Command Snippet Showcase | Floating monospace commands anchoring each feature layer |
| Social Proof Block | GitHub stars, deployment stats, and one engineer testimonial |
| Three-Tier Call to Action | curl install, playground link, and email capture in one section |
| Minimal Developer Footer | GitHub-pattern footer with project links and attribution |
The visual system is built on a spacecraft cockpit glassmorphic palette. Every element earns its glow by representing something active in the system rather than using decoration for its own sake.
The template is designed desktop-first to match the working environment of platform engineers on large monitors. It remains fully responsive for mobile viewports.
The template is structured to earn the install before asking for it. By the time a visitor reaches the call-to-action section, they have already seen a working deploy command, four capability comparisons, and real adoption signals.
This template is part of the Dashboard Pro theme family and uses the Glassmorphic color system as its foundation. It is categorized under containerization technology and open source infrastructure tooling.