.team — layout options

Eight arrangements for the homepage team block. Every name, role, portrait and link below is the live site’s, verified against the database (lawyers post type, 13 published records) and against a read-only read of www.leaguelaw.com on 2026-08-23. Nothing is invented.

What is actually stored — check this before judging any layout:
The portraits, measured:
⚠ Content questions for Darren, not design decisions.
  1. Eleven people are all labelled “Associate.” The intro paragraph promises “our team of lawyers and staff”, but no staff appear, and Rob Graham’s own bio calls him a solicitor. Real titles need to be written and stored per person.
  2. Typo in a stored bio: Vera Syrma’s summary reads “is an association lawyer”.
  3. Five missing practice lines (listed above). P5 is the strongest option for a visitor choosing who to call and it cannot ship without them.
  4. Order. Two pairs tie in menu_order; someone has to say what the intended sequence is.
  5. Five portraits need re-shooting if any large-portrait layout is chosen.
P1Baseline — the live block, replicated ~800pxThe current homepage team block, for reference: a 332px copy rail beside a four-across grid of 128×168 portraits. Two faults are visible before any styling opinion is formed. Thirteen tiles in a four-column grid leaves an orphan — three full rows and one lonely tile. And the thirteenth tile is the careers advert, a colour landscape photograph (820×280) forced into a portrait frame beside twelve black-and-white headshots; it is a different kind of object wearing a person's clothes.

Your Team at
League and Williams

Trusted advice, just results – practicing in the areas of personal injury, estate disputes, marine law, real estate conveyance and estate planning our team of lawyers and staff work together to ensure every client is treated with care.

Our firm is committed to delivering quality legal advice and maintaining high levels of client satisfaction by remaining focussed on the interests of our clients and getting the best results possible.

P2Six across, careers pulled out ~620pxThe smallest change that fixes both faults at once: the careers advert leaves the grid and becomes its own band underneath, which leaves twelve people — and twelve tiles perfectly. Six across, two rows, portraits at 132px. The copy moves above the grid as a centred intro with the same hexagon badge the vlog, articles and testimonials sections use, so the team section stops being the one section with a different head. Shortest option here.

Your Team at League and Williams

Trusted advice, just results – practicing in the areas of personal injury, estate disputes, marine law, real estate conveyance and estate planning our team of lawyers and staff work together to ensure every client is treated with care.

Is it you? We are always glad to hear from lawyers and staff who want to work the way we do. Go to Careers Page →
P3Hexagon portraits ~640pxThe same six-across arrangement with the portraits cut to the brand hexagon — the shape already carrying the section badge, the vlog play button, the facts icons and the hive in the footer. It is the strongest tie between this section and the rest of the page. Two things to judge with your own eye: the hexagon crops the top corners of the head, so the framing has to be right for every one of the twelve; and it makes a portrait read as an emblem rather than as a person, which for a law firm may be exactly wrong.

Your Team at League and Williams

Trusted advice, just results – practicing in the areas of personal injury, estate disputes, marine law, real estate conveyance and estate planning our team of lawyers and staff work together to ensure every client is treated with care.

Is it you? We are always glad to hear from lawyers and staff who want to work the way we do. Go to Careers Page →
P4The principal leads ~700pxThe one arrangement that uses a hierarchy the data actually has: the site stores one Principal and eleven Associates, so Darren Williams leads at large size with the section's own copy beside him, and the other eleven run beneath at 118px. Honest about the firm's shape and it gives the intro paragraph somewhere sensible to live. The cost is that it puts one person's face at the size of a hero, which the client’s own brief pushes against — the brief insists the firm is teams, not individual lawyers, and the current facts copy was criticised on exactly that ground.
P5Cards with a practice line ~900pxFour across, each tile carrying the one-line practice summary stored with that lawyer — what they actually do, which a name and the word “Associate” do not say. Shown here with the gaps left visible on purpose: only seven of the twelve have that line stored, and the other five are marked rather than quietly padded. This is the most useful option on the page for a visitor choosing who to call, and it cannot ship until five more lines are written. That is a content job, not a design one.

Your Team at League and Williams

Trusted advice, just results – practicing in the areas of personal injury, estate disputes, marine law, real estate conveyance and estate planning our team of lawyers and staff work together to ensure every client is treated with care.

Is it you? We are always glad to hear from lawyers and staff who want to work the way we do. Go to Careers Page →
P6Rail kept, six across ~560pxFor comparison with P2: the copy rail survives, but the grid goes to six across so the twelve fit in two rows beside it instead of four. The careers link becomes a text link at the foot of the rail, where a recruitment message belongs — next to the words about how the firm works, not in the row of faces. The most compact option here, and the one that changes the least.

Your Team at
League and Williams

Trusted advice, just results – practicing in the areas of personal injury, estate disputes, marine law, real estate conveyance and estate planning our team of lawyers and staff work together to ensure every client is treated with care.

Our firm is committed to delivering quality legal advice and maintaining high levels of client satisfaction by remaining focussed on the interests of our clients and getting the best results possible.

Is it you? Go to Careers Page →
P7Dark band ~640pxSix across on the warm near-black, which the portraits are built for: all twelve are black-and-white (measured — mean chroma 0.1–3.5, so they are monochrome, not merely muted), and they gain contrast on a dark ground in a way they never do on white. Also a structural argument: this section sits directly above the testimonials, so a dark team band would put two dark blocks in a row unless the facts section moves. Worth seeing before deciding the page’s light/dark rhythm.

Your Team at League and Williams

Trusted advice, just results – practicing in the areas of personal injury, estate disputes, marine law, real estate conveyance and estate planning our team of lawyers and staff work together to ensure every client is treated with care.

Is it you? We are always glad to hear from lawyers and staff who want to work the way we do. Go to Careers Page →
P8Names only, no portraits ~430pxThe option that questions the premise. Twelve names, twelve roles, twelve links, no faces — a list a visitor can read in one pass instead of a wall of small photographs at wildly different quality. It is the only option here that is immune to the portrait problem entirely, and the only one that follows the direction document's line that distinctiveness should come from information design rather than decoration. Include it in the comparison even if it loses: it sets the bar the portrait options have to clear, which is “do these twelve pictures earn 370px of page?”