Counsel - Trusted Lawyers Landing Page Template

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
• 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

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.

1. The Community Mosaic hero creates instant recognition and emotional resonance before any copy asks for anything.
2. The scroll-driven origin story and narrative vignettes build a case for why this community matters, moving visitors from curiosity to conviction.
3. 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

Show more