Uproot is a single-column landing page template built for international racial justice coalitions. It guides visitors from a bold movement hashtag hero through a six-continent timeline, active campaign stories, and a Global Summit registration flow. The botanical color system and scroll-driven animations create a sense of urgency without noise, converting diaspora organizers, researchers, and policy advisors into registered participants.
by Rocket studio
Loading preview…
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.
Theme
Nature-Inspired
Creative direction
Movement & Cause
Color system
Botanical
Style
Single Column Flow
Direction
Event Registration
Page Sections
Animated Botanical Hashtag Hero
Six-continent Scrollable Timeline
Documentary-style Campaign Section
Identity-first Registration Form
Carry the Hashtag Secondary Path
Persistent Conversion Bottom Bar
Related questions
Who is this landing page template designed for?
What interactions are built into this template?
Does the template support visitors who cannot attend the summit?
Can this template be used for general nonprofit fundraising?
How many sections does this landing page template include?
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
Section
Purpose
Hero Hashtag Header
Establishes movement identity with animated roots and gold hashtag pulse
Global Injustice Timeline
Documents milestones across six continents with expandable hover nodes
Active Campaign Studies
Presents current campaigns as living case studies with movement voices
Global Summit Introduction
Frames the upcoming summit as the next chapter in a long-running story
Registration and Solidarity Map
Captures event registrations and converts non-attendees via action kit
Footer
Single linear row with coalition links and hashtag carry-forward
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.
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.
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.
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
