Vigil - Powerful Advocacy Landing Page Template

Quick summary

Vigil is a single-page advocacy template designed to turn grief into organized action. It opens with a full-bleed candlelight vigil photo, carries visitors through survivor stories and legislative wins, and closes with a lead generation form that connects them to their local chapter by zip code. Every design choice serves the emotional arc from witness to participant.

Who this template is for

This template is built for organizations that sit at the intersection of personal loss and political purpose. It speaks directly to people who have been carrying grief and are ready to act alongside others.

• Grassroots gun violence prevention groups organizing survivors and bereaved families
• Community advocacy organizations mobilizing neighbors, school counselors, and local elected officials
• Nonprofits running chapter-based outreach who need a warm, locally grounded entry point

What problem this template solves

Most advocacy landing pages feel either clinical or alarmist. They lead with national statistics and urgent red buttons, which can overwhelm rather than invite. Vigil solves the problem of emotional disconnection by grounding every section in local, human terms.

• Visitors arrive carrying grief but without a clear path to purpose or community
• Generic signup forms feel transactional and cold, discouraging follow-through
• Organizations struggle to honor both the loss and the forward momentum in one cohesive experience

What you get with this template

Vigil delivers a fully structured, single-page layout with six distinct sections, a two-path conversion flow, and a design system rooted in warmth and proximity. Every component is built from the brief and ready to be filled with your organization's real stories.

• A full-bleed hero section with a lower-third headline fade and a pulsing call-to-action button
• A zip-code-based chapter connection form paired with a secondary memorial submission path
• Scroll-reveal animations, candle flicker SVG, and map dot interactivity built into the layout

Feature list

This template's features are drawn directly from the project brief. Each one serves the emotional and organizational goals of a gun violence prevention advocacy landing page.

Full-Bleed Candlelight Hero

The hero fills ninety percent of the viewport with an intimate vigil photograph shot from within the crowd. The headline fades in over the lower third in soft sand type. A single sage-colored button pulses gently beneath it, inviting action without pressure.

Zip-Code Chapter Lookup Form

The lead generation form opens with a zip code field that connects visitors to their nearest local chapter. It then asks for a first name and email, followed by a single optional freeform prompt: "What brought you here today?" The form is designed to feel like coming home, not filling out a registration.

Survivor Story Section

Three testimonial blocks show the turning-point moments when personal grief became shared purpose. Each story is structured to carry the visitor further along the emotional arc, moving from witness to someone who recognizes their own community in the narrative.

Legislative Timeline with Named Wins

A scrollable timeline presents policy victories tied to specific individuals from the survivor story section above. Each win reinforces that real people drove real change, giving visitors evidence that their participation has precedent and power.

Memorial Submission Path

A secondary conversion path lets visitors honor someone they have lost by submitting a name through a dedicated modal form. This path serves people who are not yet ready to join a chapter but need a meaningful first act of participation.

Scroll-Reveal Animation System

Sections reveal on scroll using a smooth CSS scroll-behavior approach with minimal JavaScript. The candle flicker SVG and hover-activated map dots add life to the page without overwhelming the tender, weathered visual tone.

Page sections overview

Design & branding system

The visual identity follows a Healing Space theme built around the Desert Rose color system. The palette was chosen to feel like dried flowers pressed into a journal: tender, weathered, and still alive in color.

• Terracotta (#C4756B) and warm sand (#E8D5C4) dominate section backgrounds and fills, creating a sun-faded warmth throughout
• Deep dusk plum (#4A2040) anchors headlines, navigation, and the primary call-to-action button background
• Soft sage (#A3B18A) draws attention gently to action buttons and form fields, offering permission rather than urgency; Fraunces serif handles headlines for emotional weight while DM Sans keeps body copy clear and warm

Mobile & speed optimization

The template is built mobile-first, reflecting that most visitors arrive through social share links on their phones. The layout prioritizes the smallest screen first and scales outward.

• A fixed bottom bar on mobile repeats the primary call-to-action so it stays reachable without scrolling back to the top
• The hero image is set to priority load, and the page uses CSS smooth scroll behavior with minimal JavaScript to keep interactions light

How this template helps you convert

Vigil earns the click rather than demanding it. The page is structured as a Hero's Journey, moving visitors emotionally closer to action with each section they scroll through.

1. The hero, survivor stories, and legislative timeline build trust and proximity before any form appears, so visitors feel invested by the time they reach the signup section
2. The zip-code-first form structure makes joining feel local and personal rather than abstract, and the optional freeform prompt gives visitors space to arrive on their own terms

Other information about this template

Vigil is a hero-dominant layout following a 90/10 ratio, meaning the hero section commands the vast majority of the visual space and emotional weight before supporting sections follow. This structure suits organizations whose strongest conversion asset is lived experience rather than product features.

• The template is categorized under Community and Nonprofit, specifically the Gun Violence Prevention Advocacy Organization niche
• The creative direction follows a Hero's Journey arc, a narrative framework that takes the visitor from passive observer to active participant across six sections
• The header concept is a Full-Bleed Photo, which fills the viewport edge to edge with no border, margin, or container constraint
• The landing page direction is Lead Generation, with the primary conversion goal being a zip-code-based chapter signup and a secondary goal of memorial name submissions
• This template is well suited to organizations running localized chapter models where connecting a visitor to their nearest community group is the critical first step

Show more