Nine layouts for section 4 of home-v2. Every option carries the same five practices, the same five paragraphs verbatim from the live site, and the same five icon files. The one exception is flagged on the page itself: A6 has nowhere to put a paragraph, so it carries a single new caption line, badged NEW COPY. What changes between options is geometry, hierarchy and how much of the “What We Do” tree is exposed on the homepage.
/our-services/<slug>/. The replica in home-v2 dropped the links entirely.
Every option below restores them; that alone is a fix worth shipping whichever layout wins.| file | pixels | format | ink colour | weight |
|---|---|---|---|---|
| icon-injuries.png | 93×107 | PNG, 8-bit palette | #E16239 orange | 3.1 KB |
| icon-estates.png | 93×107 | PNG, 8-bit palette | #46ADC8 teal | 1.9 KB |
| icon-business.png | 91×104 | PNG, 8-bit palette | #46ADC8 teal | 2.8 KB |
| icon-marine.png | 93×107 | PNG, 8-bit palette | #EF6D3E orange | 1.6 KB |
| icon-real-estate.png | 93×107 | PNG, 8-bit palette | #46ADC8 teal | 1.5 KB |
With over 160 years of experience in helping clients in the following areas of law
With over 160 years of experience in helping clients in the following areas of law
With over 160 years of experience in helping clients in the following areas of law
Content decision, not a styling one — it publicly ranks the practice. Needs Darren's word.
With over 160 years of experience in helping clients in the following areas of law
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
Drops five paragraphs of copy that are currently the section's only explanation of what each practice does.
With over 160 years of experience in helping clients in the following areas of law
NEW COPYPersonal injury, estate disputes, marine law, real estate conveyance and estate planning — five practices, one firm.
home-v2 already carries five separate dark values. Adding a sixth dark section is a brand-guide question, not a layout one.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
With over 160 years of experience in helping clients in the following areas of law
What We Do
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
The two empty cards are shown honestly rather than padded. Either write sub-pages for Business and Marine, or this option needs a different filler.
With over 160 years of experience in helping clients in the following areas of law
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Round 1 solved the geometry: five items, three columns, an orphan row. All nine options there kept the same visual family — a line icon, a name, a paragraph. These eight change the family itself. Three drop the icons for photographs, two drop imagery altogether, one puts the type on the image, one hides four practices behind tabs, and one lets the brand hexagon carry the pictures. The copy is still the live copy, word for word, in every one.
| practice | file | pixels | note |
|---|---|---|---|
| Injuries | injuries-thumb.jpg | 411×258 | the odd one out — near-monochrome and dark (mean luminance 60, chroma 1.4) beside four colour photographs, and the smallest file on the page |
| Estates | estate-law.jpg | 600×387 | largest of the five |
| Business | skyscraper-building-sky.jpg | 500×333 | stock |
| Marine | boat-ocean-water.jpg | 500×331 | stock |
| Real Estate | brown-house-sunset.jpg | 500×334 | stock |
adults-analysis-brainstorming-1661004.jpg at
4000×2191 and 1.78 MB, unresized — a page-weight defect wherever it is used.
Uses the six photographs sitting unassigned in the What We Do media library. The pairing is inferred from filenames — see the photo box above.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
Height is the objection. At 640px per photo it also upscales every image: the largest source file is 600px wide, four are 500px, and Injuries is 411px.
With over 160 years of experience in helping clients in the following areas of law
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
Real EstateWith over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
02Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
03Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
04Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
05Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
The four small tiles reveal their paragraph on hover, so on a touch screen those four descriptions are unreachable. That is a real accessibility cost, not a detail — it needs a tap-to-open or always-visible variant before shipping.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
Four of the five practices are hidden until clicked. That is a genuine trade: a homepage section that has to be operated before it says anything is weaker for a first-time visitor, and search engines index it but readers may never open it.
With over 160 years of experience in helping clients in the following areas of law
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
Read moreA hexagon crops hard at four corners. Each photo loses roughly a quarter of its frame, so any image whose subject is off-centre will be cut — check all five before committing.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
With over 160 years of experience in helping clients in the following areas of law
What We Do
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
The panels are DEEPENED brand colours, not the brand colours. White body copy on #EF6D3E measures 3.03:1 and on #46ADC8 measures 2.60:1 — both fail AA, and teal fails even the large-text 3:1 floor. #B44322 gives 5.61:1 and #2F7186 gives 5.50:1. The icons are omitted because their baked-in brand colour would vanish on these grounds.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Read more 02Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Read more 03Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Read more 04Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Read more 05Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
Read moreYou liked B4 but not that four of the five descriptions only appear on hover. That was the cost I flagged under it, and you are right to refuse it — on a phone there is no hover at all, so those four paragraphs are simply unreachable. Four ways to keep the mosaic and show every paragraph at rest.
#E2DCD4 on that ground measures
13.9:1 against the flat colour and about 9:1 over a mid-brightness photo — comfortably
past AA either way. N2 and N4 sidestep the question entirely by putting the copy on a solid
#332E29 panel, which is the same construction the LaW Facts cards already use in
home-v2.
Costs ~175px against B4. That is the arithmetic of the request, not a styling choice — see the box above.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
The tallest of the four, and the mosaic reads more as a card grid than a photo wall — some of B4's boldness is spent buying the guaranteed legibility.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
The one weak point is the pairing: the reader has to map legend column three to the tile it describes. The colour rule under each name is the only thread tying them together.
With over 160 years of experience in helping clients in the following areas of law
Did you get in an accident? We will help you recover your fullest potential.
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
With over 160 years of experience in helping clients in the following areas of law
Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration.
Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business?
Had a boating accident? Boat been seized? Have anchoring or mooring concerns?
Buying or selling Real Estate in BC? Get peace of mind with our real estate law team.
B4·N1 with the two changes you asked for: the descriptions cut to one short line, and the old-site icons brought back into the tiles. The three options below are the same layout — they differ only in where the icon sits, which is the one thing that genuinely has no obvious answer.
| practice | live copy | ch | proposed short line | ch |
|---|---|---|---|---|
| Injuries | Did you get in an accident? We will help you recover your fullest potential. | 76 | Hurt in an accident? We help you recover in full. | 49 |
| Estates | Need a will? Left out of a will? Did a family member pass away without one? Estate litigation, planning & administration. | 121 | Wills, estate planning, administration and disputes. | 52 |
| Business | Are you planning to start a new business in British Columbia? Are you buying, selling, or restructuring an existing business? | 125 | Starting, buying, selling or restructuring a BC business. | 57 |
| Marine | Had a boating accident? Boat been seized? Have anchoring or mooring concerns? | 77 | Boating accidents, seizures, anchoring and mooring. | 51 |
| Real Estate | Buying or selling Real Estate in BC? Get peace of mind with our real estate law team. | 85 | Buying or selling in BC, with peace of mind. | 44 |
The plate is dark, not light, and that was measured rather than chosen: on white the teal icons give 2.60:1 — below the 3:1 floor for graphics. On this plate over a photo they measure about 4.2:1 and the orange ones 3.6:1.
With over 160 years of experience in helping clients in the following areas of law
The icon takes 46px off the copy width, so the short line matters more here than anywhere else — it is the option that most depends on the rewritten copy being approved.
With over 160 years of experience in helping clients in the following areas of law
Buys that size with height: the icon and its margin push the text block to 179px, so the tiles have to grow to 296px and the section lands back near N1's original figure.
With over 160 years of experience in helping clients in the following areas of law
Your three changes, applied to all three lockups so the placement question stays open. Same short copy, same tiles, same photographs.
rgba(18,15,13,.90) band that wraps the
text and stops there.grayscale(.35) brightness(.70) to grayscale(.2) brightness(.9). Left
alone, the photographs would have stayed muddy for a reason that had been removed. If they now
read too bright, that filter is the lever, not the overlay.#E2DCD4 9.7:1, the name in white 13.2:1, an orange icon 4.3:1.
The band edge is deliberately hard — a soft 20px fade above it is one line of CSS if you would
rather it dissolved into the picture.
wp-content/prototype/img/ as
icon-<name>-orange.png. Nothing in the media library was touched; the
original five are exactly as they were.#EF6D3E. Verified afterwards — all five now contain exactly one
colour value. This also removes a latent defect: the palette had baked a white fringe into
the edge pixels, which is what would have shown as a halo against these dark tiles.The plate had to go from .74 to .88 opacity. Once the full-tile scrim came off, the photo behind it got brighter and the orange fell to 2.9:1 — under the 3:1 floor for graphics. At .88 it measures 4.1:1.
With over 160 years of experience in helping clients in the following areas of law
With over 160 years of experience in helping clients in the following areas of law
With over 160 years of experience in helping clients in the following areas of law
I removed the wrong thing in round 5. The icon you wanted gone was the one inside the photograph, not the orange one on top of it. Round 6 puts the orange icon back on every tile including Injuries, restores the gradient overlay, and takes the graphic out of the picture instead.
injuries-thumb.jpg itself, a white outlined hexagon with a wheelchair pictogram sitting
over the car's front fender at roughly x 153–240, y 59–164 of a 411×258
image. There is no setting that removes it.prototype/img/injuries-thumb-clean.jpg; the original in the media library is
untouched.grayscale(.35) brightness(.70) as well. i1's plate returns to
.74 for the same reason — at that opacity over a photo dimmed by the gradient the
orange measures 3.6:1, above the 3:1 floor for graphics.
prototype/img/ with alpha preserved and RGB flattened to #EF6D3E. Nothing
in the media library was modified. The note about what all-orange costs still stands — the
orange/teal split was the practice areas' only visual grouping, and removing it settles a question
rather than answering it.
With over 160 years of experience in helping clients in the following areas of law
With over 160 years of experience in helping clients in the following areas of law
With over 160 years of experience in helping clients in the following areas of law
The tile itself is untouched — same gradient, same orange stamp in its dark hexagon, same short copy, same photographs. Only the grid geometry changes.
| option | service tile | upscale on the four | Injuries tile |
|---|---|---|---|
| M1 | 306px | none — all under native | 631px — 1.5× |
| M2 | 415px (Real Estate 848px) | none, except Real Estate at 1.7× | 848px — 2.1× |
| M3 | 631px | 1.05–1.26× | 1280px — 3.1× |
| M4 | 415–631px | up to 1.26× | 631px — 1.5× |
It buys height, not width. The four stay 306px wide, because as long as the lead sits beside them in a four-column grid, 306px is the only width available to them — see the box above.
With over 160 years of experience in helping clients in the following areas of law
Real Estate's 848px tile draws its photograph from a 500px source — a 1.7× upscale. If this is the one, that tile wants either a larger photograph or a swap with Estates, whose file is 600px.
With over 160 years of experience in helping clients in the following areas of law
The cost is concentrated in one place: the Injuries band renders a 411px photograph at 1280px, a 3.1× upscale, on top of the paint-out repair. This option is only honest if that photograph is replaced first.
With over 160 years of experience in helping clients in the following areas of law
It gives up the hierarchy: Injuries is now first and slightly larger, not dominant. Thirteen sub-pages against zero, zero, two and three is a real difference and this layout stops showing it.
With over 160 years of experience in helping clients in the following areas of law
