Counsel is a hero-dominant landing page template built for a lawyers peer advisory board. It combines a Community Mosaic header, a scroll-driven Origin Story, and a Donation/Fundraising conversion path. The design draws from a Civic Service theme with a Botanical color palette, giving every section the warmth of a law library after hours.
by Rocket studio
Loading preview…
Quick summary
Counsel is a single-page fundraising template for a lawyers peer advisory board. The hero fills ninety percent of the viewport with a tessellated mosaic of attorney portraits. As visitors scroll, an origin story unfolds. Narrative vignettes build emotional investment before a sticky donation bar prompts action with three named giving tiers.
Who this template is for
This template is built for communities and nonprofits that serve the legal profession. It works especially well when the goal is to raise funds, tell a founding story, and grow a membership base among practicing attorneys.
Bar foundations, law school alumni programs, and legal aid organizations running donor campaigns
Legal peer advisory boards that need a fundraising landing page with emotional depth
Solo practitioners or managing partners launching a community chapter and seeking early donors
What problem this template solves
Many legal community organizations struggle to turn a compelling mission into a compelling page. Generic donation forms and dry copy fail to connect with the emotionally reserved, skeptical audience that lawyers tend to be. This template closes that gap by leading with human stories before asking for money.
Attorneys scroll past impersonal appeals, but pause for a page that mirrors their lived experience
Donors who care about the legal profession need narrative context before they commit
Without a structured giving path, visitors leave without converting even when they feel moved
What you get with this template
You get a fully designed, hero-dominant landing page that leads with a ninety-percent-viewport Community Mosaic and guides visitors through an emotionally layered scroll before presenting a donation form. Every section has a clear purpose and a defined role in the conversion journey.
A tessellated portrait hero with a gentle breathing animation and a centered serif headline
A scroll-driven origin story, three narrative vignette cards, and an animated impact counter
Theme
Civic Service
Creative direction
Origin Story
Color system
Botanical
Style
Hero-Dominant (90/10)
Direction
Donation/Fundraising
Page Sections
Community Mosaic Hero Section
Scroll-driven Origin Story
Narrative Vignette Story Cards
Animated Impact Counter
Three-tier Donation Form with Sticky Bar
Secondary Nomination Path
Related questions
Can I change the donation tier amounts and names?
Is this template suitable for a nonprofit that is not a lawyers organization?
What controls when the sticky donation bar appears?
Does the mosaic hero need a specific number of photos to work?
Can the nomination form link to an external referral tool?
A three-tier donation form with a custom amount field, a sticky bottom bar call to action, and a secondary nomination path
Feature list
Community Mosaic Hero
Dozens of candid, warm-toned attorney portraits fill ninety percent of the viewport in a tessellated grid. Photos overlap, vary in size, and gently scale on load as if the community is assembling in real time. A single serif headline rises from the center once the animation settles.
Scroll-Driven Origin Story
The origin story section begins with one founding moment in 2016 and expands outward with each scroll step. New people, cities, and chapters appear as concentric rings of growth. The narrative structure guides readers toward the emotional realization that the next chapter is theirs to fund.
Narrative Vignette Cards
Three human-moment story cards replace generic pull quotes. Each card reads like a short biography rather than a testimonial, grounding the mission in specific, recognizable attorney experiences. Cards reveal on scroll for a staggered, living-history feel.
Animated Impact Counter
An impact counter near the footer displays seats funded, cities reached, and chapters active. Numbers animate into view using Intersection Observer triggering, and accent figures appear in bloom coral to draw the eye. Every number reinforces that a donation translates directly into a chair at the table.
Three-Tier Donation Form
The donation section offers three named giving levels: One Mentor Hour, One Monthly Circle, and One Year of Belonging. A custom amount field sits alongside the tiers. A sticky bottom bar carrying the primary call to action appears after the origin story midpoint, once emotional investment is established.
Nomination Secondary Path
A secondary conversion path labeled "Know a Lawyer Who Needs This?" links to a nomination form. This gives donors who are not ready to give financially a meaningful action to take, extending the reach of the campaign without requiring a financial commitment.
Page sections overview
Section
Purpose
Community Mosaic Hero
Opens with attorney portraits and founding headline
Scroll Origin Story
Narrates founding moment and board growth over time
Narrative Vignette Cards
Builds empathy through three attorney human-moment stories
Animated Impact Counter
Shows real-time seats funded, cities, and chapters
Three-Tier Donation Form
Converts emotional investment into a named financial gift
Sticky Donation Bar
Persistent call to action anchored after origin story midpoint
Nomination Form Path
Secondary action for visitors who want to refer a peer
Arc Browser Footer
Closes with tagline and minimal navigation links
Design & branding system
The design language follows a Civic Service theme with a Botanical color system. The overall feel is a courthouse garden in October: institutional structure softened by organic warmth. Typography pairs Fraunces serif for headlines with DM Sans for body text, creating a readable contrast between gravitas and clarity.
Deep barrister green (#2D4A3E) anchors the primary palette and grounds every major section
Aged parchment (#F4ECD8) serves as the background, giving the page the feel of worn legal paper
Bloom coral (#D4856B) is reserved for donation buttons and impact counter accent numbers, drawing the eye precisely where action is needed
Mobile & speed optimization
The template is built desktop-first to serve managing partners reviewing the page in conference rooms. Full mobile support is included so the page remains usable across all devices. Animations are handled with CSS transforms, and the impact counter uses Intersection Observer to trigger only when elements enter the viewport.
Mosaic breathing animation and staggered photo scaling use CSS transforms to keep rendering smooth
Intersection Observer controls the animated counters so they fire on scroll rather than on page load
The sticky donation bar and donation tier selection maintain full interactivity on smaller screens
How this template helps you convert
The conversion strategy is built on earning trust before asking for money. The page withholds the primary call to action until the visitor has moved through enough of the origin story to feel emotionally invested. Every design decision serves that sequence.
The Community Mosaic hero creates instant recognition and emotional resonance before any copy asks for anything.
The scroll-driven origin story and narrative vignettes build a case for why this community matters, moving visitors from curiosity to conviction.
The sticky donation bar appears at the right moment, the three named tiers make giving feel concrete, and the nomination path captures visitors who are not yet ready to donate.
Other information about this template
This template is designed for English-language campaigns targeting United States audiences, with all currency set to USD. The courthouse and civic aesthetic runs through every section, from the parchment background to the brass-lamp warmth of the mosaic portraits. The footer follows an Arc Browser Split pattern with a tagline and minimal links, keeping the closing section clean and purposeful.
The page is categorized under Community and Nonprofit, with a specific fit for lawyers community and peer advisory board use cases
The hero-dominant layout ratio (90/10) prioritizes visual impact and emotional pull over information density
The template style, color system, and creative direction are drawn from an intersection of Civic Service theme, Botanical palette, Origin Story creative direction, Community Mosaic header concept, and Donation/Fundraising conversion path
