Uproot - Powerful Racialjustice Landing Page Template

Quick summary

Uproot is a single-column flow landing page template designed for international racial justice organizations. It opens with a full-viewport hashtag hero, moves through a scrollable historical timeline spanning six continents, showcases active campaigns, and closes with a summit registration form. The botanical visual identity feels earthy and urgent without ever feeling crowded or aggressive.

Who this template is for

This template is built for coalitions and nonprofits working at the intersection of racial justice, policy, and global solidarity. It serves organizations that need one focused page to educate visitors, build emotional commitment, and convert that commitment into event registrations or action-kit downloads.

• Diaspora organizers coordinating campaigns across multiple time zones and geographies
• University human rights collectives planning solidarity actions around a shared cause
• Municipal policy advisors and researchers seeking frameworks that connect local inequity to global patterns

What problem this template solves

Many racial justice organizations struggle to hold visitor attention long enough to earn a registration or sign-up. A page that jumps straight to a form loses the people who need context first. This template solves that by building commitment in stages, deepening engagement before it ever asks for anything.

• Visitors leave before understanding the coalition's scope, so the timeline section anchors them in documented history across six continents
• Generic event pages feel transactional, so the summit section frames registration as the next chapter in a centuries-long story rather than a simple calendar listing
• Passive visitors who cannot attend still leave empty-handed, so the secondary "Carry the Hashtag" path converts them into distributed participants through a downloadable action kit and a live global solidarity map

What you get with this template

The template delivers a complete, structured single-column page ready for a racial justice coalition's most important conversion moment. Every section is purposefully sequenced to move a visitor from awareness to action without losing them along the way.

• A full-viewport hero section with an animated botanical root illustration and a heartbeat-pulse hashtag in gold serif type
• A scrollable six-continent racial injustice milestone timeline with hoverable gold nodes that expand to show a photograph and a single sentence
• An event registration form with identity-first fields, role dropdown, session-interest checkboxes, and an accessibility needs field

Feature list

This template's capabilities come directly from its structured design and interaction plan. Each feature below reflects what the brief specifies and what the template delivers.

Animated Hashtag Hero

The full-viewport header centers the movement hashtag in large rough-edged serif type. A hand-drawn botanical root illustration grows upward from the bottom of the screen, and the hashtag pulses once like a heartbeat before settling. Deep loam background, canopy green roots, and gold type create immediate visual hierarchy without any competing photography.

Six-Continent Injustice Timeline

A single unbroken horizontal timeline documents racial injustice milestones across six continents. Each milestone is marked by a gold circle that expands on hover to reveal a photograph and one descriptive sentence. Scroll-linked animation ties the feeling of uncovering history to the act of scrolling downward.

Active Campaign Case Studies

The campaigns section presents current coalition work as living documentary entries rather than static project cards. Short text written in present tense is paired with pull quotes from movement leaders and participant voices, giving each campaign a human voice and a sense of ongoing urgency.

Identity-First Registration Form

The registration form opens with name and country fields before moving to logistics. Visitors then select their role from a dropdown covering organizer, researcher, policymaker, artist, and ally. Session-interest checkboxes and an accessibility needs field follow, making the form feel personal rather than administrative.

"Carry the Hashtag" Secondary Path

Visitors who cannot attend the Global Summit are not simply turned away. A secondary call to action lets them download a digital action kit and add their city to a live global solidarity map, turning every visitor into a participant regardless of whether they register for the event.

Persistent Bottom-Bar Call to Action

After the timeline section, a "Join the Gathering" call-to-action bar appears and stays visible as the visitor continues scrolling. This keeps the primary conversion path accessible without interrupting the storytelling flow of the sections above it.

Page sections overview

Design & branding system

The visual identity draws from a botanical field journal aesthetic. The palette feels like pressed leaves and exposed soil after a controlled burn, living and grounded but never decorative for its own sake.

• Deep loam (#1B1407) dominates text and structural weight; canopy green (#2D5A27) marks section transitions and interactive states; sun-through-leaves gold (#D4A843) highlights calls to action and pull quotes; new-growth white (#F4F1EB) creates generous breathing room between content blocks
• Typography pairs Fraunces, a rough-edged serif, for headlines and the hashtag with DM Sans for body text and interface elements, creating a clear contrast between editorial weight and functional readability
• Staggered scroll-reveal animations and GSAP ScrollTrigger-powered effects give the page a sense of physical depth, as if the visitor is following a root system downward before watching it break the surface

Mobile & speed optimization

The template is built desktop-first with strong mobile support, which matters because diaspora organizers and coalition members frequently coordinate from phones across different time zones and network conditions.

• Single-column layout adapts naturally to smaller screens without sacrificing the timeline or registration form interactions
• CSS native smooth scroll is used alongside GSAP ScrollTrigger animations to keep motion coordinated and intentional across devices
• The footer uses a linear single-row pattern that stays compact and readable on both desktop and mobile viewports

How this template helps you convert

The page is structured so that every section deepens a visitor's commitment before presenting a conversion opportunity. This approach respects the audience's intelligence and increases the likelihood that registrations come from genuinely engaged participants.

1. The timeline and campaign sections build historical and emotional context first, so by the time the summit is introduced, the visitor already understands why attending matters rather than just what the event is.
2. The persistent bottom-bar call to action keeps the "Join the Gathering" button visible after the timeline without forcing it into the storytelling sections, reducing friction without interrupting the narrative.
3. The "Carry the Hashtag" secondary path ensures that visitors who cannot attend still take a meaningful action, expanding the coalition's reach even from a single page visit.

Other information about this template

This template is part of a broader set of nonprofit and community-focused landing page designs. A few additional details are worth noting for teams evaluating this template.

• The template is categorized under Community and Nonprofit, with a specific focus on racial justice international NGO use cases
• The single-column flow structure makes content sequencing straightforward to edit and reorder without restructuring an entire layout
• The "Movement and Cause" creative direction is intentional: sections are ordered to mirror the emotional arc of movement organizing, from historical grounding to present action to future commitment
• The botanical color system and Fraunces serif typeface are chosen to evoke the tactile quality of field documentation, reinforcing the coalition's research-backed credibility

Show more