Spark — Economic Development Initiative Landing Page Template

Quick summary

Catalyst is a single-page economic development landing page designed for municipal offices that need to turn community goodwill into measurable investment. It pairs an editorial card-grid layout with a structured donation flow, presenting fiscal-year proof points before asking visitors to give. The page feels like a well-designed annual report brought to life online.

Who this template is for

Catalyst is built for civic teams that have a real economic story to tell and need a page that tells it convincingly. It works equally well for a communications director pulling together the annual report and a development officer preparing a pitch for site selectors.

• Small business owners considering their first commercial lease in the city
• Site selectors comparing this city against a short list of competitors
• Longtime residents and institutional donors who want verifiable proof before they give

What problem this template solves

Most municipal economic development pages bury their best evidence deep in PDFs. Visitors arrive skeptical and leave without acting because nothing on the page makes the case clearly or quickly enough.

• There is no visual hierarchy connecting proof (jobs created, permits issued) to the ask (donate, invest)
• The donation path is a single generic form with no sense of what the money actually does
• Story and data live in separate silos, so neither feels credible without the other

What you get with this template

Catalyst gives you a complete, ready-to-customize landing page that leads with conviction and closes with a clear giving path. Every section is purpose-built to earn the next scroll.

• A full-viewport Quote/Manifesto hero with a pulsing amber heartbeat line and a scroll invitation
• A modular card grid that alternates metric cards and business owner story cards in a deliberate rhythm
• A three-step progressive donation form with tangible giving tiers and a secondary email subscribe path

Feature list

A brief introduction: every feature listed below comes directly from the Catalyst template brief. Nothing here is speculative.

Full-Viewport Manifesto Hero

The hero section fills the entire screen with white serif text on a deep evergreen background. A single thin amber line pulses slowly beneath the quote like a heartbeat. A small downward arrow cues the scroll. No photography competes with the words.

Alternating Metric and Story Card Grid

Metric cards use glacier-blue backgrounds to display large fiscal-year numbers, rising bar charts, and neighborhood permit maps. Story cards use warm gray surfaces to feature a real business owner portrait and a two-sentence quote. The two card types alternate in a rhythm that mirrors a beautifully designed municipal report.

Three-Step Progressive Donation Form

The giving flow breaks into three distinct steps. Step one presents tiered outcomes so donors understand exactly what their contribution funds. Step two collects name and email. Step three handles payment. The sequence reduces friction and makes every dollar feel accountable.

Persistent "Invest In This City" Call-to-Action Bar

After the second card row, a persistent bottom bar appears in wildflower amber and stays visible as the visitor continues scrolling. The same call to action reappears as a full-width section near the page's end, giving every reader two natural moments to act.

Active Projects Marquee Ticker

A scrolling marquee displays live initiative names across the full page width. It signals forward momentum and reassures site selectors that the office is actively deploying resources, not simply reporting on past work.

Email Subscribe Secondary Path

Visitors who are not ready to donate can subscribe to a quarterly progress report. This path captures non-donors into a nurture sequence that builds toward future giving without letting any interested visitor leave empty-handed.

Page sections overview

Design & branding system

Catalyst uses the Alpine Fresh color system paired with Community Hearth editorial warmth. The palette evokes a mountain town in early autumn, where woodsmoke rises against pine ridgelines and a freshly painted storefront sign catches the last golden light.

• Deep evergreen (#1B4332) anchors primary backgrounds and section headers, while hearthstone warm gray (#D6CCC2) covers card surfaces and body canvas areas
• Glacier meltwater (#E9F1F7) fills data visualization fields and breathing-space sections between heavy content blocks
• Wildflower amber (#E09F3E) appears exclusively on interactive elements, progress indicators, the persistent call to action bar, and donation call-to-action buttons
• Typography pairs Fraunces serif for display headings with Manrope sans-serif for body text, balancing editorial warmth with municipal legibility

Mobile & speed optimization

Catalyst is designed desktop-first to serve site selectors and annual report readers on larger screens, but it includes full mobile support so no visitor is left behind.

• Staggered card reveals, scroll-linked opacity changes, and the marquee ticker are implemented as client-side components while static sections use server-side rendering for faster initial loads
• The card grid reflows cleanly for smaller screens, keeping metric numbers and story portraits readable at any viewport width

How this template helps you convert

Catalyst is structured so that every section above the donation form functions as evidence. By the time a visitor reaches the giving tiers, they have already seen the receipts.

1. The metric and story card grid presents jobs created, permits issued, and named business owners before any ask appears, so the donation form arrives pre-justified rather than speculative.
2. The three-step giving flow pairs each dollar amount with a named, tangible outcome, making the decision feel concrete rather than abstract and lowering the psychological barrier to completing the form.

Other information about this template

Catalyst is categorized under Government and Public, specifically the Economic Development City and Municipal Office niche. It is localized for United States audiences, using USD currency and MM/DD/YYYY date formatting throughout.

• The template style is Card Grid (Modular), making individual sections easy to reorder or expand as your office's data grows each fiscal year
• The footer follows the Arc Browser Split pattern, with your logo and tagline on the left and navigation links on the right, keeping branding consistent to the last pixel
• Animation intensity is set to high by design, covering the pulsing amber line, staggered card reveals, marquee ticker motion, and donation step transitions
• The creative direction is Industry Report, meaning the page reads like a living annual report rather than a generic government website

Show more