Vigil is a hero-dominant landing page template built for gun violence prevention advocacy organizations. It moves visitors emotionally from witness to participant through a candlelight vigil hero, survivor stories, a legislative timeline, and a zip-code-based chapter signup form. The Desert Rose color system and Healing Space visual style make every section feel intimate, purposeful, and warm.
by Rocket studio
Loading preview…
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
Theme
Healing Space
Creative direction
Hero's Journey
Color system
Desert Rose
Style
Hero-Dominant (90/10)
Direction
Lead Generation
Page Sections
Full-bleed Candlelight Hero Section
Zip-code Chapter Connection Form
Survivor Story Testimonial Blocks
Legislative Timeline with Named Wins
Memorial Name Submission Modal
Scroll-reveal and Candle Flicker Animations
Related questions
Can I replace the hero photo with my own vigil or event image?
How does the zip-code form field work in this template?
Can the memorial submission path be used as a standalone feature?
Is the legislative timeline section easy to update with my own wins?
Does this template suit organizations working in smaller communities or rural areas?
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
Section
Purpose
Hero Vigil Photo
Opens the page with intimate candlelight energy and a pulsing signup prompt
The Crisis Here
Grounds the issue in a neighborhood map with local dots instead of national figures
Survivor Stories
Three turning-point testimonials moving visitors from grief to shared purpose
Legislative Timeline
Named policy wins that prove community action produces real results
Stand With Us
Primary lead generation form connecting visitors to their local chapter by zip code
Minimal Plum Footer
Closes the page cleanly with essential links in a single linear row
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.
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
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
