PLW SectionsFoundation 06
Palette
Type
Shape
Accent

Hero · variant 2 of 5

Centered

Symmetric and declarative: a single big statement, dual CTA, and a quiet trust row beneath. The default for landing pages that lead with a promise rather than a layout.

AStatement-led
Established 1994

Counsel that treats your matter like its own.

A mid-market firm built on preparation, not theatrics. We answer the phone, we meet deadlines, and we tell you the truth early.

30+ yrs in practice$240M recovered98% resolved favorably

Semantics & a11y

  • One <h1>; trust figures are real text, read in order.
  • Primary + secondary keep a single clear focus target first.
  • Title measure capped at 16ch so it stacks into a strong block.

Composed from

EyebrowHeadingButton ×2--text-6xl--color-accent

Hero · variant 3 of 5

Split

Copy on the left, framed media on the right with a floating stat badge. The workhorse for pages that need a face, a building, or a product shot beside the pitch. Media is a placeholder slot, drop a real image in.

ACopy + media
Trusted since 1994

The steady hand on every transaction.

From formation to exit, we are the counsel growing companies keep on speed dial. Predictable retainers, a named lead, and no surprises on the invoice.

Meet the team
Image slot · 4:5
AVPreeminent
peer rating

Semantics & a11y

  • Media is a real <img> slot with required alt in production.
  • Stat badge is text over the frame, not baked into an image.
  • Columns collapse to stacked on mobile, copy first.

Composed from

EyebrowHeadingButtonLink--radius-lg--shadow-md

Hero · variant 4 of 5

Magazine

Editorial to the extreme: an issue line over a rule, a giant full-width display headline, then a three-column deck. For brands that want the homepage to feel like a cover. Leans hardest on the display font, so it transforms most across type pairings.

ACover-style
Whitman & AssociatesVol. XXX · Counsel

Prepared for the long matter.

Thirty years of representation built on a single idea: careful preparation beats theatrics, every time it matters.

PracticeCommercial litigation, corporate counsel, and real estate across three states.
EngageA fixed-fee first meeting, then a plan before you ever commit.

Semantics & a11y

  • Issue line and deck are real text; the rule is a border, not an image.
  • Giant headline uses clamp so it never overflows on small screens.
  • Three-column deck collapses to one on mobile, in reading order.

Composed from

--font-display7rem clamp--border-heavyLink--space-8

Hero · variant 5 of 5

Listing-style

A search-led header for directories, multi-location, or service-area businesses: a compact headline, a prominent search field, and quick-filter chips. The search bar rounds fully on the pill shape.

ASearch-led
Serving the metro & three counties

Find the right counsel for your matter.

Semantics & a11y

  • Search is a real <form> with a labelled <input> and submit button.
  • Chips are links to pre-filtered results, keyboard reachable.
  • Field grouping wraps gracefully on narrow widths.

Composed from

EyebrowHeadingInputButton--radius-pill

Section · composed

Services grid

A centered cluster header over a responsive grid of feature cards. Three-up on desktop, two on tablet, one on mobile. The everyday "what we do" band.

AHeader + grid

What we do

Three practices, one standard.

Litigation

Trial-ready from day one, with the preparation to settle on your terms.

Corporate

From formation to exit, the steady hand on every transaction.

Real estate

Closings, disputes, and development, handled end to end.

Semantics & a11y

  • Cluster header is one heading; cards are <article>s with their own headings.
  • Grid collapses 3 → 2 → 1 by available width and in mobile preview.

Composed from

Heading clusterFeature card ×3Grid

Section · composed

Case-study tease

A single featured outcome: media on one side, label + headline + result metrics + link on the other. For leading with proof instead of claims.

AFeatured outcome
Image slot · 5:4

Case study · Manufacturing

A contract dispute, resolved before it reached a courtroom.

When a key supplier walked, we built the case in six weeks and settled on terms that kept the client's line running.

6 wksTo resolution
$4.2MExposure avoided
0Days of downtime
Read the full case study

Semantics & a11y

  • Metrics are real text in a definition-like structure; not color-only.
  • Media slot takes a real image with alt in production.
  • Stacks media-over-copy on mobile.

Composed from

Card surfaceHeadingStatLink--color-accent

Section · composed

CTA section

The closing ask. Shown here in the inverted band treatment (dark ground, tokens remapped so it works on any palette) with a centered cluster and dual action.

AInverted band
Start the conversation

Tell us about the matter.

A fixed-fee first meeting, a named lead, and a plan before you commit. That is the whole pitch.

Semantics & a11y

  • Inverted band remaps --color-surface/muted/border then flips --color-fg to white on the inner wrapper, so the secondary button and text stay legible.
  • Single heading; the primary action leads the focus order.

Composed from

Section invertedHeading clusterButton ×2--color-fg