Reform is a modular card-grid landing page built for prison reform awareness campaigns. It moves visitors through two acts, the wound and the blueprint, using flip cards, scroll-linked animations, and an asymmetric bento layout. The page captures toolkit downloads via a simple email and role form, designed for policy staffers, donors, formerly incarcerated individuals, and advocates.
by Rocket studio
Loading preview…
Quick summary
Reform is a single-page campaign template built for social impact and policy advocacy work. It uses a modular card grid to carry visitors from hard data about incarceration to actionable reform proposals. A full-screen video header, flip cards, scroll-triggered background shifts, and a midpoint form work together to turn attention into action.
Who this template is for
This template is built for organizations and individuals doing serious work in criminal justice reform. It suits campaigns that need to present both the problem and the path forward on one page.
Policy staffers, donors, and justice advocacy organizations launching awareness campaigns
Reentry programs and nonprofits looking to distribute resources and capture qualified leads
Educators, college students, and advocates who want to present data alongside human stories
What problem this template solves
Most campaign pages either overwhelm visitors with statistics or go light on substance. Neither approach builds the trust needed to earn a download or a donation. Reform solves both problems at once.
Data-heavy pages lose readers before the call to action ever appears
Story-only pages fail to give policy audiences the evidence they need to act
Generic nonprofit templates do not support the modular, two-act narrative structure this subject demands
What you get with this template
You get a fully structured, animation-ready landing page that progresses from impact data to reform solutions. Every section is purpose-built, and the layout does the persuasive work for you.
A full-screen video hero with a scroll-linked expansion effect and a fade-in headline
A modular card grid with flip interactions, expandable blueprint cards, and an embedded video testimonial section
A midpoint and footer call-to-action form capturing email and visitor role
Feature list
This template includes six purpose-built features drawn directly from the campaign brief. Each one supports a specific stage of the visitor journey.
Theme
Healing Space
Creative direction
Vision & Mission
Color system
Slate & Sky
Style
Card Grid (Modular)
Direction
Content/Resource
Page Sections
Full-screen Video Hero with Scroll Expansion
Flip Card Data Grid
Asymmetric Blueprint Bento Cards
Scroll-triggered Background Color Shift
Reform Toolkit Capture Form
Linear Single-row Footer
Related questions
Who is this landing page template designed for?
What does the Reform Toolkit form collect?
Can I customize the card content and statistics?
Does the template include the hero video footage?
What animation tools power this template?
Full-Screen Video Hero with Scroll Expansion
The header opens with a slow, handheld video that begins in darkness and moves through a corridor into open daylight. GSAP ScrollTrigger drives the expansion effect as the visitor scrolls, and a single line of chalk-white typography fades in over the sky.
Flip Card Data Grid
The first card cluster presents incarceration statistics, recidivism rates, and racial disparity data on the front face of each card. On hover, each card flips to reveal a human story behind the number, giving visitors both evidence and empathy in one interaction.
Asymmetric Blueprint Card Bento
The second card cluster breaks out of uniform rows to create rhythm and visual emphasis. Cards vary in height and weight, and each one is expandable and clickable, with room for embedded video testimonials and downloadable one-pagers.
Scroll-Triggered Background Color Shift
As the visitor scrolls from the data section into the solutions section, the page background transitions from institutional slate to open-sky cerulean. This visual shift reinforces the two-act narrative arc built into the page structure.
Reform Toolkit Capture Form
Placed at the midpoint and repeated in the footer, this lightweight form asks only for an email address and a role selection. Role options include advocate, educator, policymaker, directly impacted, and other.
Linear Single-Row Footer
The footer follows a clean, single-row pattern that anchors the page without competing with the call to action above it. It carries the secondary prompt to explore the state-by-state policy data map.
Page sections overview
Section
Purpose
Full-Screen Hero
Opens with video, corridor-to-daylight scroll expansion, and fade-in headline
Data Flip Cards
Presents incarceration statistics that flip on hover to reveal human stories
Blueprint Bento Cards
Shows policy proposals and reentry programs in an asymmetric expandable grid
Video Testimonials
Surfaces real voices through video-style cards with weight and stillness
Reform Toolkit Form
Captures email and role at the campaign midpoint to deliver the toolkit
Single-Row Footer
Closes the page with a secondary call to action and policy data map link
Design & branding system
The visual identity is built on a Healing Space theme that uses color to carry emotional weight. The palette moves from heavy and still at the base to light and open at the top of the scroll.
Slate gray (#4A4E56) grounds hero backgrounds, dawn blue (#D6E5F3) washes card surfaces, cerulean (#5B9BD5) activates interactive elements, and chalk white (#F7F8FA) provides breathing room in text fields
Fraunces serif headings bring editorial authority to statistics and headlines, while DM Sans handles body copy with clarity and ease
Card surfaces vary in height and emphasis to create grid rhythm rather than monotony, reflecting the template's Healing Space visual direction
Mobile & speed optimization
The template is built desktop-first with full mobile responsiveness carried through all sections. Animation and interaction layers are handled with care to keep the experience functional across screen sizes.
GSAP ScrollTrigger powers scroll-linked video expansion and background color transitions without layout disruption on smaller screens
CSS transforms handle card flip animations in a way that degrades cleanly on mobile devices
The asymmetric bento grid reflows for mobile viewports while preserving the visual hierarchy of the blueprint section
How this template helps you convert
Every section is ordered to earn trust before asking for anything. The template follows a give-first principle throughout the visitor journey.
The flip card data grid delivers facts and human stories freely, building credibility before any form appears, so visitors arrive at the toolkit form already engaged and informed.
The midpoint form placement catches visitors at peak engagement after both the data and blueprint sections have made their case, and the role selector makes the ask feel relevant and respectful.
The footer repeats the toolkit call to action and links to the interactive policy map, giving late-scrolling visitors two clear next steps without pressure.
Other information about this template
This template is built for the intersection of Community and Nonprofit work and Prison Reform Awareness campaigns. A few additional details are worth noting for teams evaluating it.
The template is US-centric in its policy context and is localized in English
The "Explore the Data" secondary call to action links to an interactive state-by-state policy grades map, giving policy-focused visitors a research path alongside the toolkit download
The page is categorized under the Prison Reform Nonprofit subcategory and is designed for social impact campaigns, nonprofit awareness efforts, and policy advocacy work
The card grid structure supports a modular build approach, meaning individual sections can be updated or reordered as campaign priorities shift
