Beacon is a single-column donation and advocacy landing page built for anti-trafficking organizations. It guides visitors through four community story sections that each teach one concrete skill, then moves them toward a donation or email sign-up. The Desert Rose color system, hand-drawn illustration header, and fixed bottom call-to-action bar create a warm, urgent, and deeply human experience.
by Rocket studio
Loading preview…
Quick summary
Beacon is a single-column advocacy landing page designed for anti-trafficking nonprofit organizations. It transforms visitors from concerned bystanders into confident, trained responders through community storytelling, then earns the donation ask by making people feel capable first. Every scroll section teaches one practical skill before the giving form appears.
Who this template is for
This template is built for organizations working at the intersection of community education and anti-trafficking advocacy. It speaks directly to the people doing the work and the people who want to start.
Nonprofit advocacy teams running donation and awareness campaigns
Church outreach coordinators, community educators, and corporate compliance officers building supply chain awareness programs
Survivor support organizations looking to reach concerned citizens, suburban parents, nurses, truck drivers, and teenagers
What problem this template solves
Most cause-driven landing pages create guilt without giving visitors anything to do with it. People arrive, feel overwhelmed, and leave without acting. Beacon solves that by building competence before asking for commitment.
Visitors often feel helpless after learning about human trafficking, and helplessness does not convert to donations
Pages that lead with statistics and shock imagery push people away instead of pulling them in
Without a clear training path or tangible giving tiers, a visitor has no emotional foothold to act from
What you get with this template
Beacon delivers a complete single-column landing page structured around storytelling, education, and conversion. Every section has a clear job to do, and each one hands off naturally to the next.
A custom SVG illustration hero with a fade-in headline, four community lantern story cards, a tiered donation form with a fixed bottom call-to-action bar, a five-day email training series capture section, and a credibility section with impact statistics and a hotline callout
A Desert Rose color system with sand backgrounds, terracotta headlines, desert night body text, and rose-glowing interactive elements applied consistently across buttons, progress bars, and story borders
Theme
Educational Guide
Creative direction
Community Gallery
Color system
Desert Rose
Style
Single Column Flow
Direction
Donation/Fundraising
Page Sections
Community Lantern Story Cards
Tiered Donation Form with Tangible Outcomes
Fixed Bottom Call-to-action Bar
Email Training Series Capture
Custom SVG Illustration Hero
Credibility and Impact Section
Related questions
Can I change the donation preset amounts?
Can a smaller nonprofit use this template without a large design team?
Does the email capture connect to an email platform?
Is this template appropriate for survivor-facing audiences?
Can the training series section be adapted for a different topic?
Fraunces serif headlines paired with DM Sans body text, medium scroll animations including fade-in on scroll, lantern float, and a marquee ticker, and a minimal footer
Feature list
This template includes purpose-built components that work together to move visitors from awareness to action.
Community Lantern Story Cards
Four scrollable story cards represent a survivor, a truck driver, a nurse, and a teenager. Each card teaches one concrete, actionable skill: how to read a recruitment post, what to say to a potential victim, which hotline to call, and what happens next. Stories are anonymized and presented in hand-lettered type styling to reinforce the warm editorial aesthetic.
Tiered Donation Form with Tangible Outcomes
The donation section offers three preset giving amounts tied to specific, real-world results. Twenty-five dollars trains one truck stop employee. One hundred dollars prints 500 indicator cards for emergency room nurses. Five hundred dollars funds a survivor's first month of safe housing. A preset selector lets visitors choose with one tap before confirming their gift.
Fixed Bottom Call-to-Action Bar
After the third community story card, a persistent bottom bar appears and stays visible for the remainder of the scroll. It carries the primary call to action, "Light the Next Lantern," so the giving option is always within reach without interrupting the reading flow.
Email Training Series Capture
A secondary conversion path invites visitors to sign up for a free five-day "Spot the Signs" email course. This section captures email addresses from visitors who are not yet ready to donate, building a warm pipeline through education before a giving ask arrives.
Custom SVG Illustration Hero
The header features a hand-drawn panoramic illustration rendered in terracotta ink on a sand background. Figures of different sizes hold lanterns, illuminate doorways, and pass light to one another. The style is deliberately imperfect, closer to woodcut than vector, and communicates agency rather than victimhood. A single fade-in headline overlays the scene.
Credibility and Impact Section
A dedicated credibility section displays impact statistics, trusted partner logos, and a prominent hotline callout. This section grounds the emotional storytelling in verifiable scale and gives first-time visitors the institutional confidence to act.
Page sections overview
Section
Purpose
Hero Illustration
Opens with a panoramic hand-drawn SVG scene and a fade-in headline stating the scale of trafficking in the United States
Community Lanterns
Four story cards from a survivor, truck driver, nurse, and teenager, each teaching one concrete skill
Donation Call to Action
"Light the Next Lantern" giving form with $25, $100, and $500 preset tiers tied to tangible outcomes
Training Series Capture
Email sign-up for the free five-day "Spot the Signs" course, building the donor pipeline through education
Credibility and Impact
Statistics, partner logos, and a hotline callout that anchor the page's claims in real-world scale
Minimal Footer
Horizontal footer pattern with essential links and organization contact information
Design & branding system
The Desert Rose color system draws from the high desert at golden hour. The palette is honest and warm rather than decorative, and every color has a clear functional role across the page.
Sand (#F5E6D3) dominates backgrounds, desert night (#2C1810) carries body text and section dividers, and terracotta (#C97B63) anchors headlines and pull quotes
Quiet rose (#D48B7A) appears on every interactive element, including buttons, progress bars, donation preset selectors, and survivor story card borders, repeating like a heartbeat through the scroll
Typography pairs Fraunces serif headlines with DM Sans body text, and the illustration style follows a warm woodcut and mural aesthetic that is editorial and deliberately imperfect
Mobile & speed optimization
This template is built mobile-first, reflecting the reality that most visitors will arrive on a phone after watching a documentary or seeing a social media post late at night.
Single-column flow means the layout requires no reordering or breakpoint gymnastics on smaller screens
Server Components handle static sections to minimize the JavaScript payload, keeping interactive elements like the donation preset selector and email form lean and fast
Medium-weight scroll animations, including fade-in on scroll, lantern float, and a marquee ticker, are applied with performance in mind so they enhance the experience without slowing the page
How this template helps you convert
Beacon earns the conversion before it asks for it. The page is structured so that visitors feel knowledgeable and capable by the time they reach the giving form.
Each community lantern story card delivers one teachable skill, shifting the visitor's identity from bystander to responder before any donation ask appears
Giving tiers are tied to specific, tangible outcomes so the decision feels concrete rather than abstract, lowering the psychological barrier to completing a gift
The fixed bottom call-to-action bar and the secondary email capture path create two parallel conversion routes, so visitors who are not ready to donate can still enter the pipeline through the training series
Other information about this template
Beacon is categorized under Community and Nonprofit with a focused niche in anti-trafficking advocacy. It is built as a single-column flow landing page designed for the United States market, with all currency in USD.
The template is localized for English-language audiences in the United States and uses USD for all donation amounts
Animation level is set to medium, covering fade-in on scroll, a lantern float effect, and a marquee ticker, giving the page life without overwhelming slower connections
The footer follows a minimal horizontal pattern, keeping the close of the page clean and uncluttered so the final impression matches the editorial restraint of the design
