Home
Templates
Community & Nonprofit
Economic Equality Nonprofit
Balance - Powerful Equality Landing Page Template
Balance is a single-column editorial landing page built for economic equality awareness campaigns. It pairs real family budget data with personal stories across zip codes, guiding visitors from the kitchen table to collective action. The design uses a warm, faded-photo color system and a Hero's Journey scroll flow, ending with a clear click-through to an action hub.
by Rocket studio
Balance is a grassroots-ready landing page template for economic equality campaigns. It tells the story of inequality through real receipts, utility bills, and school supply lists placed side by side. The scroll follows a Hero's Journey structure, moving from a family's weekly budget to collective action, using warm editorial visuals that feel lived-in and deeply human.
This template speaks directly to the people who feel economic inequality every day and the organizers trying to make that reality visible to everyone else.
Most awareness campaign pages present inequality as a statistic. That keeps the issue distant and easy to scroll past. Balance makes the gap personal by placing real household data from different zip codes on the same screen.
You get a fully structured single-column landing page built around five distinct narrative sections. Each section advances the story while doing a specific persuasive job.




Theme
Family First
Creative direction
Hero's Journey
Color system
Soft Mist
Style
Single Column Flow
Direction
Click-Through
Page Sections
Hero's Journey Scroll Structure
Cinematic Hero Section
Zip Code Comparison Grid
Emotional Escalation Pacing
Click-through Action Pathway
GSAP Scrolltrigger Animations
Does this landing page include a form for collecting visitor information?
Can I use this template for a campaign outside the United States?
What actions can visitors take from this landing page?
How many times does the primary call to action appear on the page?
Is this template suitable for campaigns that rely on real statistics and data?
This section covers the core built-in capabilities of the Balance template as delivered.
The page is organized as a five-act narrative. It opens with a family's ordinary weekly budget, crosses into data, raises the stakes through education and housing, reaches an emotional peak with a child's handwritten note, and then returns with a theory of change and a final call to act together.
The hero uses a wide, golden-hour family portrait framed wide enough to count every face. A headline, "Same City. Different Childhood.", fades in over the lower third using a scroll-triggered opacity animation. Floating receipt and bill cards accompany the portrait to anchor the campaign's subject immediately.
A bento-style grid places real household cost data from different zip codes side by side. Parent quotes sit inside the grid cells as pull quotes. A secondary text link, "Read the Full Report", lives below the grid for policy-minded visitors who need the numbers first.
Each section escalates the stakes in sequence: housing costs, then healthcare, then education. The innermost moment is a child's handwritten note displayed alone on screen. This pacing is deliberate and built into the section order so it cannot be accidentally broken by rearranging content blocks.
The primary call to action, "Sit With Us", appears twice: once after the data threshold and once at the final section. Each instance links to the campaign's action hub. No form lives on the landing page. The click is earned through emotional weight, not a gated content barrier.
The template includes medium-weight scroll-driven animations powered by GSAP ScrollTrigger. These include staggered content reveals, counter animations for statistics, floating card hover effects, and grayscale-to-color photo transitions that activate as the visitor scrolls deeper into the story.
| Section | Purpose |
|---|---|
| Hero Portrait | Anchors the campaign emotionally with a golden-hour family photo and fade-in headline |
| Ordinary World Budget | Shows one family's real weekly expenses in a warm kitchen-table layout |
| Data Threshold Grid | Compares zip code costs side by side with parent quotes and a report link |
| Education Stakes | Presents teacher spending data alongside a child's handwritten note |
| Theory of Change | Builds the path from individual action to collective pressure with the primary call to action |
| Minimal Footer | Closes the page with a single-row linear footer pattern |
The visual identity follows a Family First theme built on the Soft Mist color system. Every color decision references the feeling of a family photo that has been sitting on a refrigerator door long enough to fade slightly in the sunlight.
The template is built mobile-first, reflecting the reality that its primary audience checks pages on a phone between work shifts. Layout, typography, and tap targets are all sized for a small screen first, then expanded for wider displays.
The conversion strategy here is emotional gravity, not form friction. The page earns the click by building an undeniable case before it ever asks for action.
The Balance template is designed for USA-based campaigns, with all data labels and currency formatted in English and United States Dollars (USD). The project is localized for domestic audiences by default.