Home
Templates
Community & Nonprofit
Ocean Conservation Nonprofit
Catalyst - Deepocean Policy Landing Page Template
Catalyst is a modular card grid landing page built for ocean conservation research and policy institutes. It translates deep-ocean science into accessible policy resources through a structured scroll journey of research areas, legislation timelines, and a gated resource library. The design uses an editorial dark-water aesthetic to earn trust and drive email signups from policy advisors, researchers, journalists, and funders.
by Rocket studio
Catalyst is a single-page content and resource hub designed for a marine conservation research institute. It moves visitors through a deliberate scroll sequence: from research data to policy impact to a gated library. The Editorial Guide aesthetic, modular card grid layout, and signal coral call-to-action system work together to turn informed curiosity into committed signups.
This template is built for organizations that sit at the intersection of rigorous science and public policy. It works best when your audience arrives with a specific professional need rather than casual interest.
Research institutes often struggle to communicate complex findings to non-specialist audiences without losing credibility. A generic website template cannot carry both the analytical weight of a policy brief and the urgency of a fundraising appeal at the same time.
You get a complete, ready-to-customize landing page structured around a teach-prove-equip scroll narrative. Every section is intentional and sequenced to build confidence before asking for a commitment.




Theme
Educational Guide
Creative direction
Movement & Cause
Color system
Teal Catalyst
Style
Card Grid (Modular)
Direction
Content/Resource
Page Sections
Full-viewport Manifesto Hero
Asymmetric Bento Research Grid
Expandable Policy Timeline Cards
Live-filterable Resource Library
Inline and Scroll-activated Signup
Can I customize the research topic cards without redesigning the layout?
How does the gated library work in this template?
Are the free preview path and the gated path both included?
Who is the primary audience this template was designed for?
Can the tag filtering in the resource library be adjusted for different topics?
A paragraph introducing the feature set: Every feature in this template is grounded in the content and conversion needs of a policy-facing research organization. The components below reflect what the brief specifies and what this layout actually delivers.
The hero occupies the entire screen with white editorial serif text on abyssal teal. A single high-stakes sentence anchors the page. A bioluminescent aqua pulse line animates once beneath the quote before the scroll cue appears. No imagery competes with the words.
The first card grid presents research areas in a modular bento layout. Each card carries an icon, a stat drawn from real datasets, and a one-line finding. The asymmetric arrangement creates visual hierarchy without requiring custom illustration.
The second grid shows before-and-after legislation timelines. Each card is expandable so visitors can read the full context of a policy change without leaving the page. This section demonstrates real-world outcomes from the institute's work.
The third grid is a live-filterable resource library. Visitors sort cards by topic tags to find downloadable reports, data dashboards, and recorded briefings. Free preview cards with executive summary download buttons provide an ungated entry path.
A lightweight form appears inline after the second card grid and again as a persistent bottom bar that activates after 40 percent scroll depth. The form collects email, professional role via dropdown, and primary interest area via tag selector.
The persistent bottom bar rises into view once a visitor has scrolled past 40 percent of the page. It stays visible without blocking content, giving returning visitors a low-friction path to access the full library.
| Section | Purpose |
|---|---|
| Manifesto Hero | Sets tone and anchors the institute's mission with a single editorial statement |
| Research Areas Grid | Introduces core topics through stat-backed modular cards |
| Policy Impact Cards | Shows before-and-after legislation outcomes in expandable timeline format |
| Resource Library Grid | Delivers filterable reports, dashboards, and briefings with free previews |
| Inline Signup Form | Captures email and role after the policy section with minimal friction |
| Persistent call to action Bar | Activates at 40 percent scroll depth for continuous conversion opportunity |
| Footer | Single-row linear footer with essential links and attribution |
The Teal Catalyst color system is built around the visual logic of a satellite reef image: vast dark water with punctuations of living color. Every color value has a defined role, and that discipline is what makes the palette feel trustworthy rather than decorative.
The template is designed desktop-first to serve policy researchers working on workstations, but it includes full mobile support so no audience segment is excluded. Interactive components are handled client-side while static sections use server components to keep initial load lean.
The conversion architecture is designed around the principle that trust precedes commitment. Every visible card is a proof point that the full library is worth an email address.
This template is categorized under Community and Nonprofit, specifically within the Ocean Conservation Nonprofit subcategory. It is well suited for policy resource hubs, academic research institutes, and environmental advocacy organizations that need to communicate scientific findings to mixed professional audiences.