Catalyst is a hub-and-spoke landing page template built for cleantech pre-seed startups. It uses an anchor navigation system with five spoke sections, a product screenshot header, and a Slate and Sky color palette. The layout guides climate-fund analysts, facility managers, and journalists from problem framing through hardware specs to a pilot program invitation.
by Rocket studio
Loading preview…
Quick summary
Catalyst is a single-page, anchor-navigated landing page template for cleantech pre-seed startups. It opens with an isometric product dashboard header and flows through five credibility-building spoke sections. The Slate and Sky color system gives it industrial weight with optimistic clarity. The template is structured to earn a click before asking for one.
Who this template is for
This template is built for founders and teams at the early stage of a cleantech venture. It speaks directly to visitors who need fast, credible answers before they commit to a conversation.
Pre-seed cleantech startups presenting modular hardware or climate technology to informed, skeptical audiences
Founding teams preparing for due-diligence reviews from climate-fund analysts or institutional investors
Pilot-ready ventures inviting facility managers and site operators to explore a first deployment
What problem this template solves
Most early-stage climate tech startups do not have a page that matches the intelligence of their audience. A generic startup template cannot hold the attention of an analyst running a due-diligence sprint or a facility manager comparing decarbonization options.
Visitors leave before reaching proof because the layout buries the evidence below shallow marketing copy
No clear spoke structure means analysts cannot navigate directly to the technical data or team credentials they need
Weak visual hierarchy fails to signal the difference between a prototype claim and a lab-validated result
What you get with this template
You get a fully structured, single-page landing page with anchor navigation linking five spoke sections. Every section is designed to raise credibility progressively before presenting a call to action.
A pinned anchor navigation bar with five labeled spokes: Problem, Unit, Data, Team, and Pilot
A product screenshot header featuring an isometric dashboard render over a rooftop hardware photograph
Two conversion paths: a primary click-through button for the pilot program and a secondary email-capture link for the technical brief
Theme
Directory & Discovery
Creative direction
Launch Energy
Color system
Slate & Sky
Style
Hub & Spoke (Anchor Nav)
Direction
Click-Through
Page Sections
Pinned Hub-and-spoke Anchor Navigation
Isometric Product Screenshot Header
Progressive Credibility Spoke Layout
Micro-cta Spoke Return Points
Dual Conversion Path Design
Slate and Sky Color System
Related questions
Who is this landing page template designed for?
What are the five spoke sections in this template?
Does this template include a video or animation in the header?
Can I use this template for a startup in a different cleantech niche?
Where do the two calls to action appear on the page?
Feature list
This template is built around a clear information architecture that earns trust section by section. Each feature serves the specific needs of a high-intent cleantech audience.
Pinned Hub-and-Spoke Anchor Navigation
A sticky navigation bar pins five named spoke sections to the top of the page. Visitors can jump directly to Problem, Unit, Data, Team, or Pilot without scrolling. The active state is marked in open-sky blue, giving the page the feel of a well-indexed resource rather than a sales funnel.
Isometric Product Screenshot Header
The header pairs an isometric render of the capture unit's dashboard interface with a faint rooftop hardware photograph and a real sky background. The dashboard shows a live-style counter displaying tonnes sequestered, energy consumed, and cost per tonne, with numbers mid-tick to imply motion. There is no autoplay video and no particle effects, keeping attention on the product itself.
Progressive Credibility Spoke Layout
Each of the five spokes raises the stakes in sequence. The page moves from the emissions gap no one is closing, to hardware specs, to third-party lab numbers, to founder pedigree, and finally to the pilot invitation. Subtle upward scroll transitions between spokes keep momentum vertical and forward.
Micro-call to action Spoke Return Points
Every spoke ends with a micro call-to-action that returns the visitor to the hub navigation. This reinforces orientation and prevents dead ends. It also mirrors the pattern of a structured technical document rather than a linear sales page.
Dual Conversion Path Design
The primary call-to-action button reads "Explore the Pilot Program" and appears at the hub header and again after the Data spoke. A secondary text link, "Download the Technical Brief," captures higher-intent visitors willing to exchange an email. Both paths are positioned after proof has been established, not before.
Slate and Sky Color System
The palette uses four purposeful values: foundational charcoal slate for primary backgrounds, atmospheric mid-gray for body text and secondary elements, open-sky blue for active navigation states, and high-voltage accent green exclusively for calls to action and live data pulse indicators. The green appears only where the visitor can act.
Page sections overview
Section
Purpose
Header Hub
Anchor nav, headline, and isometric dashboard screenshot above the fold
Problem Spoke
Frames the emissions gap and the limits of offset credits
Unit Spoke
Presents hardware specs for the modular carbon-capture unit
Data Spoke
Displays third-party lab-validated numbers and the primary call to action
Team Spoke
Introduces founder credentials and venture pedigree
Pilot Spoke
Delivers the pilot program invitation and final conversion prompt
Design & branding system
The Slate and Sky color system is built around industrial weight at the base and optimistic clarity at the top. The palette mirrors the experience of looking up through a factory skylight after rain.
Backgrounds alternate between charcoal slate (#2B303A) and near-white (#F4F6F8), with open-sky blue (#56A8E2) marking active navigation states
High-voltage accent green (#3DDC84) appears only on calls to action and live data pulse elements, keeping it visually exclusive and action-oriented
Typography uses a clean sans-serif face, with the headline left-aligned in the header for immediate legibility
Mobile & speed optimization
The template's layout is structured for clarity at any viewport. The anchor navigation and spoke sections are designed to reflow cleanly from desktop to smaller screens.
The pinned anchor navigation remains accessible on smaller screens, allowing direct spoke access without full-page scrolling
The isometric header image and live-style counter are built to read clearly at reduced sizes without requiring animation or video to communicate product function
How this template helps you convert
The template is designed around a proof-first principle: establish credibility before presenting any request. This sequencing is intentional and directly tied to the behavior of high-intent technical audiences.
The isometric dashboard header and lab-validated data spoke front-load the most convincing proof, so the visitor has already seen the numbers by the time the pilot program call to action appears
The dual conversion path separates immediate click-throughs from deeper-intent document requests, so both the quick decision-maker and the methodical analyst have a natural next step
Other information about this template
This template is a strong fit for any pre-seed climate technology venture preparing for its first round of institutional conversations or pilot deployments. It is built to serve a technically literate audience without sacrificing visual clarity.
The Directory and Discovery theme means the page functions like a curated resource hub, not a promotional brochure
The Launch Energy creative direction drives scroll momentum through escalating stakes, keeping visitors moving from problem framing to pilot invitation
The Click-Through landing page direction means the page's primary goal is a qualified action, not passive awareness
The template style, hub and spoke with anchor navigation, works well for ventures that need to serve multiple visitor types, such as investors, operators, and press, on a single URL
