.band — reviews and locations, layout options

Eight treatments for the strip that sits directly under the hero. Every one carries the same verified facts; what changes is what the band is for.

Four defects found before drawing anything — these are true of the band as it stands
The rating is a hardcoded string, and nothing keeps it true
4.9 and 173 Google Reviews are typed into a WordPress block. No API, no cache, no refresh — the number was correct on the day someone typed it and has been drifting ever since. Every option below repeats it because it is what the site says, but a review count that cannot update is a number that will eventually be wrong in public. Either pull it from the Places API, or drop the count and keep the rating and the link.
One colour to collapse. home-v2 paints the dark half with --band-dark #453F39; the live site uses #423c37, which is the brand's own --brown. The two measure 1.05:1 against each other — indistinguishable. --band-dark is a near-duplicate that exists for no reason and is one of the five dark values already flagged in home-v2. Every option here uses --brown.
What the band could be. It is the first thing after the fold and it currently spends 128px on one rating and one sentence. B1 just fixes the defects; B2, B3, B4, B6, B7 and B8 turn the offices into navigation; B3 and B7 give the phone number a home outside the header; B5 says the rating properly. The heights run 88px to 168px against today's 128px.
B1Baseline, corrected — same shape, four defects fixed128pxThe band exactly as home-v2 carries it, with only the things that were plainly wrong put right: Nanaimo is in the sentence, the Google mark is the real icon rather than an invented letterform, the reviews link points somewhere durable, and the band's colour is the brand brown.

No layout decision here at all — if none of the options below wins, these four fixes should still ship.

4.9 173 Google Reviews
Read reviews on Google

Get our lawyers on your team

Headquartered in Victoria, BC with offices in Vancouver, Nanaimo, Duncan, Campbell River and Kelowna, we serve clients from around the world with legal issues in BC Read more

B2Office directory — the six become links128pxThe blurb is replaced by the thing it was describing. All six offices have real pages and the band named five of them in prose without linking any; here each is a link. Same height, and the band stops being decoration.

It drops the sentence “we serve clients from around the world with legal issues in BC”, which is a claim the list alone does not make. That sentence would have to move somewhere — the contact page, or the footer.

4.9
173 reviews · Read on Google
Six offices across British Columbia
B3Three parts — reviews, offices, and the phone128pxThe number the whole site is trying to get people to call currently lives only in the header. Here it gets a third of the band, with the free-consultation line the firm already publishes elsewhere. Reviews shrink to a rating and a count.

“Free consultations” is the firm's own line but it applies only to personal injury and estate litigation. It is written that way here; it must not be shortened to a bare “free consultations”.

4.9
CALL NOW 250-888-0002 Free consultations on injury and estate matters
B4One dark band — the orange block goes118pxDrops the two-colour split. The orange currently carries the rating simply because it is the loud half; here the whole band is brown and the orange is spent on the stars and the door instead. Ten pixels shorter and considerably calmer under a photographic hero.

The split is on the live site and is one of the few places the brand orange appears at full width. Removing it is a brand decision, not only a layout one.

4.9
173 reviews · on Google
Six offices across British Columbia
B5Taller — the rating said properly, offices in two rows of three168px4.9 at 52px stops being a footnote. The six offices tile three-across in two rows with a hexagon marker each, so the list reads as a map rather than a sentence. The most confident version of the band.

40px taller than the current band, immediately under a hero that already fills the first screen. That is the whole cost; there is nothing else wrong with it.

4.9
173 Google Reviews · Read them

Get our lawyers on your team — six offices in BC

B6Hexagon rating badge — the mark carries the number148pxThe rating sits inside the brand hexagon instead of a rectangle of orange, which is the one place in this band where the mark can do structural work. Everything else is a single dark field, so the hexagon is the only bright thing in it.

Uses the character ★ for the stars rather than FontAwesome, because five FA icons at this size crowd inside a hexagon's narrowing sides. If the icon set is ever redrawn as SVG this should follow.

4.9★★★★★
173 Google Reviews
Six offices across British Columbia
B7Compact — everything on one 88px line88px40px shorter than the current band. Rating, six office links and the phone all sit on a single line, so the band becomes a rule between the hero and the practice areas rather than a block of its own.

At 1280px this fits with room to spare, but it is the option with the least slack: a seventh office or a longer phone format would break it onto two lines.

B8Two strips — reviews over offices, each full width144pxStops the two messages competing for the same horizontal line. Reviews get a full-width orange strip, offices a full-width brown one. Each is legible in one pass instead of two columns read in parallel.

16px taller than the current band and it doubles the number of horizontal rules across the page at that point — hero edge, strip seam, strip bottom, then the practice areas.

4.9173 Google ReviewsRead them on Google

Round 2 — different forms, not different strips

The eight above are all the same shape: a horizontal band, orange one side, brown the other, rating left and offices right. These seven change the form. One lifts off the page, one inverts the values, one uses the brand hexagon at full size, one replaces the sentence with numbers, one adds a photograph, one draws the offices as a network, and one commits entirely to the orange. The verified facts and the four defect fixes from round 1 carry into every one.

Two of these ask for something that does not exist yet
C4 mixes checked facts with the site's own claims, and that is worth seeing before you like it. Six offices and twelve lawyers are counted from the database. 4.9 and 173 are typed into a WordPress block, and “over 160 years” is the practice-areas sub-heading. Setting all five in one row of identical numerals makes them look equally verified. They are not.
C1Floating card — the band lifts off the page and overlaps the hero~150pxStops being a full-bleed strip. The band becomes a card pulled 46px up over the bottom of the hero, with a shadow, sitting inside the 1280px grid instead of bleeding edge to edge. The first thing under the hero now looks placed rather than stacked.

It puts a hard-edged card over the hero image, so whatever is in the bottom-left of the slide gets covered. The three hero slides do not exist yet — this option constrains how they must be shot.

↓ bottom of the hero, shown so the overlap reads
4.9
173 reviews · on Google
Six offices across British Columbia
C2Light ground — the whole value structure inverted128pxEvery option so far has been a dark or orange block. This one is white with brown type and hairline rules, and the orange is spent only on the stars and the door. Under a photographic hero it reads as a breath rather than a second heavy band.

It removes the band as a colour event entirely. On the live site this strip is one of two places the brand orange appears full-width; here it nearly disappears, which may be exactly right or exactly wrong depending on how loud the hero above it ends up being.

4.9
173 reviews · on Google
Six offices across British Columbia
C3Honeycomb of offices — six cells, alternating~174pxThe six offices become six hexagon cells nested like comb, which is the one idea the whole identity is built on and which nothing on the homepage currently uses at this scale. Six divides into a comb cleanly, unlike the five practice areas.

A hexagon is a poor container for a long word: “Campbell River” wraps to two lines inside a 104px cell while the others sit on one. That is visible and it is the price of the shape.

C4Credibility row — five numbers instead of a sentence~140pxTurns the band into the firm's numbers: rating, reviews, offices, lawyers, years. Three of the five are new to the homepage and two of them are counts nobody has to maintain by hand, because the site already knows them.

Two of the five are the site's OWN claims and cannot be verified from here: 4.9 and 173 are typed into a block, and “over 160 years” is the practice-areas sub-heading. Two are verified against the database (six location pages, twelve lawyers). Putting them in one row makes them all look equally checked, which is the risk this option carries. It is also the only option on this page with no Google mark in it — a row of numerals has no room for the icon, so the rating is attributed by the words “on Google” alone.

173
Google reviews
160+
years of combined experience
C5Photograph and panel — the band gets an image200pxThe only option with a picture in it. A landscape of the place the firm is from occupies the left 44%, the rating and the six offices sit on brown to the right. It makes the band a place rather than a set of facts.

The photograph does not exist. There is no office, harbour or courthouse image in the media library at a usable size — the two candidates in the database have no files on disk. This option is a request for a photograph as much as a layout, and it is drawn as a placeholder for exactly that reason.

📷PLACEHOLDER — VICTORIA, WIDEHarbour or courthouse, landscape, the city readable at a glance. 1130×400 minimum.
4.9173 reviews · on Google

Get our lawyers on your team — six offices in BC

C6Route line — six stops on one thread~150pxThe offices are drawn as stops on a line rather than a list of chips, with Victoria marked as the head office. It is the only option that says something the others do not: that these six places are a network, not six separate addresses.

The line is a diagram, not a map — the six are evenly spaced left to right and that spacing means nothing geographically. Victoria to Kelowna is a ferry and a day's drive. If it reads as a map it is lying.

4.9173 reviews · on GoogleSix offices across British Columbia
C7Full-bleed orange — one colour, no split128pxThe opposite move to C2. Instead of removing the orange, the band becomes entirely orange — the loudest 128px on the page, and the strongest possible break between a photographic hero and the practice areas below.

White body text on #EF6D3E measures 3.03:1, which fails AA for anything at body size. Everything small here is therefore set at 13.5px SEMI-BOLD or larger, which qualifies as large text at 3:1 — it passes, but only just, and any lighter weight or smaller size in this band breaks it.

4.9
173 reviews · on Google
Six offices across British Columbia

Round 3 — the head office, five ways

C6 is the only option that says one of the six offices is the head office. Five treatments of that one detail; everything else on the band is identical in all five.

A correction rides along in all five. The round-2 draft printed “HEAD OFFICE” with a CSS ::after { content: "HEAD OFFICE" }. Generated content is not reliably exposed to assistive technology, cannot be selected or copied, and is invisible to translation tools — which is the wrong mechanism for a fact about where the firm is based. It is real markup in every option below. Decoration can live in CSS; facts cannot.
The site's own word is “Headquartered”. The live sentence opens “Headquartered in Victoria, BC…”. These options print HEAD OFFICE because it fits a 10px tracked label where “HEADQUARTERS” does not, but the two are not quite the same claim and the wording is yours to settle.
Where they differ, in one line each. h1 makes the marker bigger — a difference of degree. h2 makes it a different kind of object. h3 moves the label off the name and onto the diagram. h4 takes Victoria out of the row altogether, so the hierarchy is positional and nothing can contradict it. h5 removes the claim and keeps only the emphasis.
C6·h1Bigger node — Victoria's marker outgrows the others~152pxThe lightest touch. Victoria's hexagon goes from 18px to 29px with a soft orange halo, the name goes heavier, and the label sits under it in orange. Same line, same rhythm; one stop is simply louder than the rest.
4.9173 reviews · on GoogleSix offices across British Columbia
C6·h2Hexagon badge — the head office is a cell, the rest are nodes~168pxVictoria stops being a dot and becomes a filled hexagon holding the same institution glyph the section badges use. The difference is one of kind rather than degree: five markers on the line, one building sitting on it.

It borrows the fa-university glyph that already opens the practice-areas section on this page. That repetition is either a system reading as a system, or the same icon twice — worth checking against the whole page before choosing it.

4.9173 reviews · on GoogleSix offices across British Columbia
C6·h3Pinned tag — the label sits above the line, pointing down~168pxThe label leaves the name and becomes a small orange tag above the line with a pointer into Victoria's node, the way a marker labels a point on a map. It reads as an annotation of the diagram rather than part of the office's name.
4.9173 reviews · on GoogleSix offices across British Columbia
C6·h4Out of the line — Victoria is a block, the other five are the route~156pxThe strongest separation, and the only one that does not rely on ornament. Victoria leaves the row and becomes a labelled block with an orange rule; the remaining five run as the line beside it. The hierarchy is carried by position, which no amount of styling can contradict.

“Serving clients across British Columbia and beyond” is a compression of the live sentence, not the live sentence. If this one wins, either that line gets approved or the block carries the office address instead — which needs the new address, still unknown.

4.9173 reviews · on GoogleSix offices across British Columbia
C6·h5No label — Victoria is just first, and heavier~140pxDrops the caption entirely. Victoria's node is orange, its name is white and bolder, and the other five step back to a softer grey. Whether it is the head office is left to the contact page; the band only says which one comes first.

Honest about what it gives up: nothing here states that Victoria IS the head office. If that fact matters on the homepage — and “Headquartered in Victoria” is the live sentence's first word — this option loses it.

4.9173 reviews · on GoogleSix offices across British Columbia

Round 4 — head office, no route line

C6's form is out, and with it h1–h5, which were all variations of it. Seven bands that mark the head office some other way. Same verified facts, same four defect fixes, same real-markup label.

How each one draws the distinction, since that is the whole question:
D2 is the most useful of the seven and it cannot ship yet. It shows the head office address, and the exact address after the November move is still unknown — so it carries the same placeholder the footer already does, TBC note included. Everything else on this page is buildable today; that one is waiting on a fact.
D4 is the only option that adds no new shape. The page already carries hexagons in the header hive, the section badges, the practice tiles and the footer comb. D4 is two labelled rows of type — if the concern about C6 was that the band was becoming another diagram, D4 is the far end of that.
D1Featured and listed — Victoria at 28px, five in a grid~150pxThe head office is distinguished by size and by being alone, not by a marker on a diagram. Victoria is set at 28px with its label above; the other five sit in a three-column grid to the right at ordinary text size. No line, no comb, no ornament.
D2Address card — the band becomes contact information~176pxThe most useful thing a strip under the hero could be: the head office with its address and the phone number, and the other five as a plain list. It answers “where are you and how do I call you” without a click.

It is blocked on a fact nobody has. The address shown is the same placeholder the footer already carries — “across from the courthouse” with a TBC note — because the exact address after the November move is still unknown. This option cannot ship until that is confirmed.

4.9
173 reviews · on Google
HEAD OFFICEVictoria New office — across from the courthouse, Victoria, BC(exact address TBC after the November move — confirm with client) 250-888-0002
D3Filled chip — one solid, five outlined132pxAll six stay on one row and in the same shape; Victoria is simply the filled one, carrying its label inside the chip behind a hairline. The difference is a single fill, which is as small as a distinction can be while still being unmissable.
4.9
173 reviews · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
D4Two labelled lines — no shapes at all118pxThe calmest thing on this page and the furthest from C6. Two rows of a key-value list: HEAD OFFICE / Victoria, then ALSO IN / the five others. No chips, no nodes, no hexagons — the hierarchy is entirely in the labels and the type sizes.

Ten pixels shorter than today's band, and the only option here that adds no new shape to a page that already carries hexagons in the header, the section badges, the practice tiles and the footer.

4.9
173 reviews · on Google
D5Display word — Victoria at 46px~154pxThe head office is the loudest word in the band. VICTORIA is set at 46px in the light Raleway the practice headings use, with the five others in small caps beside it. It says where the firm is from before it says anything else.

It uses the 300-weight uppercase Raleway that the old practice-area headings used and that the new mosaic dropped. Reviving it here is either a continuity with the brand or the return of a style the page just moved away from.

D6The split reassigned — orange means head office, not reviews132pxKeeps the live site's two-colour band and changes what the colours mean. The orange block currently holds the Google rating for no reason other than that it is the loud half; here it holds the head office, and the rating moves to the far right of the dark side where it belongs as supporting evidence.

It demotes the rating, which is the one piece of third-party proof on the whole strip. Whether the head office or the 4.9 deserves the loud half is a marketing judgement, not a layout one.

4.9
173 · on Google

Round 5 — the site's own copy, kept

Every option from D backwards replaced the live sentence with labels — HEAD OFFICE, ALSO IN, FIVE MORE OFFICES. These six keep the live heading and the live sentence and solve the same problems around them.

One change to the copy, and it is the one that cannot be avoided
The live sentence reads “…with offices in Vancouver, Duncan, Campbell River and Kelowna…” — five offices, and the site has six published location pages. Nanaimo is inserted. That is the only alteration; every other word, including the heading “Get our lawyers on your team” and the closing “Read more”, is the live wording untouched.
The sentence already marks the head office, so no label is needed. It opens “Headquartered in Victoria, BC”. That is the site's own word and it does the job D1–D6 were doing with a caption and a coloured marker. Keeping the copy removes the head-office question rather than answering it.
Where the city names are links, the underline stays on. Colour alone is not a sufficient link cue, and inside running prose there is nothing else to tell a reader that six of these words are clickable — so they carry a persistent 1px underline that turns orange on hover. E4 is the option that avoids the question entirely, leaving the prose completely unlinked and putting the offices in their own row underneath. It pays for that by naming the six places twice.
E1Live band, live copy — the six city names become the links128pxThe band exactly as the site writes it: same split, same heading, same sentence. The only structural change is that the six place names inside the prose are now links to their office pages. Nothing is added, nothing is rephrased.

Six links inside one 160-character sentence is a lot of underlining in a small space. E4 below is the same copy with the links kept out of the prose, if this reads as link soup.

4.9
173 Google Reviews · Read them

Get our lawyers on your team

Headquartered in Victoria, BC with offices in Vancouver, Nanaimo, Duncan, Campbell River and Kelowna, we serve clients from around the world with legal issues in BC Read more

E2One dark band, live copy — the orange block goes118pxSame words, one ground. The orange split disappears and the rating sits behind a hairline rule at the left, so the sentence gets the width it needs to sit on two comfortable lines instead of being squeezed into 62% of the band.
4.9
173 reviews · on Google

Get our lawyers on your team

Headquartered in Victoria, BC with offices in Vancouver, Nanaimo, Duncan, Campbell River and Kelowna, we serve clients from around the world with legal issues in BC Read more

E3The sentence given room — 17px, heading at 24px~162pxThe live copy treated as copy rather than as filler. The heading goes to 24px and the sentence to 17px, which is the size the rest of the page reads at, so the band stops being the one place where the type shrinks to fit the furniture.

34px taller than the band today, directly under a hero that already fills the screen. It buys legibility with the one thing this part of the page has least of.

4.9
173 Google Reviews
Read them on Google

Get our lawyers on your team

Headquartered in Victoria, BC with offices in Vancouver, Nanaimo, Duncan, Campbell River and Kelowna, we serve clients from around the world with legal issues in BC Read more

E4Copy untouched — the offices are a separate row beneath it~152pxThe purist version. The sentence is left exactly as prose, with no links threaded through it, and the six offices appear as their own row underneath. The writing keeps its rhythm and the navigation is a separate thing that does not interrupt it.

It says the six place names twice — once in the sentence, once as chips. That repetition is the price of not putting links inside the prose, and it is visible.

4.9
173 reviews · on Google

Get our lawyers on your team

Headquartered in Victoria, BC with offices in Vancouver, Nanaimo, Duncan, Campbell River and Kelowna, we serve clients from around the world with legal issues in BC Read more

E5Live copy on a light ground128pxThe same words with the value structure inverted: white ground, brown type, hairline rules, orange kept for the stars and the hovers. Under a photographic hero it reads as a pause rather than a second heavy block.

Body copy here is #5A544E, not the page's usual #6B6B6B. On white the usual colour would pass, but this band is likely to sit against grey elsewhere on the site, and #5A544E holds up on both — see the ground measurements in the practice-areas round.

4.9
173 reviews · on Google

Get our lawyers on your team

Headquartered in Victoria, BC with offices in Vancouver, Nanaimo, Duncan, Campbell River and Kelowna, we serve clients from around the world with legal issues in BC Read more

E6Live copy as a card over the hero~150pxThe live wording in C1's form: a card pulled up over the bottom of the hero, inside the 1280px grid rather than bleeding edge to edge. The sentence and heading are untouched; only where the band sits changes.

Same constraint C1 carries: the card covers the bottom of the hero slide, and the three hero photographs have not been taken yet. It is a note to the photographer as much as a layout.

↓ bottom of the hero, shown so the overlap reads
4.9
173 reviews · on Google

Get our lawyers on your team

Headquartered in Victoria, BC with offices in Vancouver, Nanaimo, Duncan, Campbell River and Kelowna, we serve clients from around the world with legal issues in BC Read more

Round 6 — the filled chip, without the button

D3 with the All Locations button removed. The chips themselves do not change in any of these: six in one row, Victoria solid orange with its label behind a hairline, the other five outlined.

Removing the button leaves the right end of the band empty, and that is the only decision left. The button was doing two jobs — it linked the Contact Our Lawyers page, and it occupied the right third so the row did not look like it stopped early. Each option answers that differently: a lets the space stay empty, b grows the chips into it, c moves the rating there, d keeps the destination but not the control, e puts the phone number there.
One thing goes with the button in a, b, c and e. Nothing in those versions links the Contact Our Lawyers parent page — only the six individual office pages. That is a small loss and probably the footer's job in production, but it is worth knowing it happened rather than discovering it later. D3·d is the version that keeps the destination without the button.
D3·aButton simply gone — nothing takes its place132pxThe literal version of the request. The rating and the six chips sit left, and the right third of the band is empty. It is quieter than it was, and the empty space reads as deliberate margin rather than as something missing.

With the button gone, nothing in this band links to the Contact Our Lawyers parent page — only the six individual office pages. In production the footer would carry that link; in this prototype the footer's Contact is still a placeholder.

4.9
173 reviews · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
D3·bChips stretch — the row fills the width the button left132pxInstead of leaving a hole, the six chips grow to fill the band. Victoria takes half again the width of the others so the head office is wider as well as filled, and the row reads as a set of six equal doors rather than a huddle on the left.

Equal-width chips make “Duncan” occupy as much space as “Campbell River”, so the shorter names float in a lot of padding. That is the cost of a tidy right edge.

4.9
173 reviews · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
D3·cReversed — offices lead, the rating closes the band132pxNothing dangles because the two blocks swap. The offices start at the left edge where the eye lands first, and the rating takes the right end the button used to hold. It also puts the firm's own information before the third-party proof.

It demotes the Google rating from the first thing in the band to the last. On the live site that rating sits in the orange block precisely because it is meant to be seen first.

SIX OFFICES ACROSS BRITISH COLUMBIA
4.9
173 reviews · on Google
D3·dNo button, but the door stays — a plain link at the end of the row132pxIf the objection was to the button rather than to the destination, this keeps the destination. “All locations” sits at the end of the chip row as underlined text, so it belongs to the list instead of standing apart from it as a control.

It is a seventh thing on a row of six, and it is the only one that is not a place. If that reads as a stray chip, D3·a is the version that lets it go entirely.

4.9
173 reviews · on Google
D3·eThe phone takes the right end instead132pxThe button is replaced by the number the whole site is trying to get people to dial, which currently appears only in the header and the footer. It is not a control, so it does not reintroduce what you objected to, and it earns the space the button was using.

It puts the phone number in the band, the header and the footer — three places on one page. That is either useful repetition for a firm people call, or the same number three times.

4.9
173 reviews · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
CALL NOW250-888-0002

Round 7 — forms not tried yet

Six more, each doing something none of the thirty-seven above does. All keep the filled-chip idea you liked — six offices, Victoria solid with its label, the other five outlined — and none uses the All Locations button.

What is new in each, in one line:
Two of these argue with decisions already made on the live site, and should be chosen knowingly. F6 shrinks the Google rating to caption size when the live band gives it a full orange block. F5 repeats the header hive, which currently works partly because the page uses it once. Neither is wrong — but both are a change of position, not a change of layout.
F1Six equal cells — a grid, not a row of chips~138pxThe offices stop being objects sitting on a band and become the band. Six full-height cells divided by hairlines, Victoria's filled orange; the rating retreats to a thin line above. Every office gets the same 213px of space, so the row is a table of six equals with one marked.

Full-height cells make the whole band a set of six click targets, which is good, but it also means the band has no quiet area left — every part of it is now interactive.

4.9173 reviews · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
F2Inset ribbon — the band stops bleeding to the edges~172pxEverything so far ran edge to edge or floated over the hero. This one sits inside the 1280px grid with the page ground visible around it on all four sides, so the band aligns with the practice tiles below instead of cutting across them.

It introduces a light ground above and below the ribbon, which means the page gains a colour it did not have between the hero and the practice areas. That ground is #F1EFEB — the same one the practice areas now use — so it reads as the section starting early.

4.9173 · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
F3Centred — symmetrical, the only balanced composition here~146pxEvery other option is a left-to-right arrangement with something anchored to each end. This one is symmetrical: the rating centred, a short orange rule, the six offices centred beneath. It matches how every section heading on the page is set, which no other band does.

Centred rows of unequal-length words leave ragged edges on both sides. It also has no obvious place for a seventh office — the row would recentre and every chip would move.

F4Watermark rating — 4.9 set at 132px behind everything140pxThe score becomes the texture of the band rather than an item in it. A 132px 4.9 sits at 5.5% white on the right, behind the content, while the readable rating stays at normal size on the left. It gives the band a background without adding an image.

The watermark is decoration and is marked aria-hidden, so the rating is still stated once in readable text and announced once, not twice. At 5.5% it is a texture, not a number to read — if it is pushed brighter it starts competing with the chips in front of it.

4.9173 reviews · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
F5Hive watermark — the header's comb, reused as texture132pxBorrows the motif already in the header: four hexagons drifting in the right gutter at very low opacity, one of them faintly orange. The chips sit on a slightly opaque ground so they stay crisp over it. Same band, given the page's own texture instead of a flat field.

The header hive is a signature the page uses once, at the top. Repeating it here either extends the system down the page or spends a mark that worked because it was rare. The chips also needed a semi-opaque backing to stay legible over the cells — a sign the texture is close to being too much.

4.9173 reviews · on Google
SIX OFFICES ACROSS BRITISH COLUMBIA
F6Offices only — the rating shrinks to a footnote96pxAsks whether the rating belongs in this band at all. The six offices become the entire content, and 4.9 is reduced to a small line at the right end. The shortest band on this page by 22px, and the one that makes the fewest claims.

It demotes the only third-party proof on the strip to the size of a caption. If the rating is a selling point — and the live site gives it a full orange block — this option is arguing with that decision, not implementing it.

Round 8 — modern and simple

The rule for this round: every option removes something. No chip borders, no uppercase tracked micro-labels, no button, no two-colour split, at most two type sizes, and one accent used once. Four of the five sit on white; the fifth is the same design on the page's dark value.

A contrast defect in the filled chip, and it is in the option you liked
White at 13.5px semi-bold on brand orange measures 3.03:1. AA needs 4.5:1 for body text, and 13.5px semi-bold does not count as large text — that starts at 18.66px bold or 24px regular. So D3's filled chip, and every option on this page that used it, fails.

Brand orange as small text is no better: 3.03:1 on white, 3.58:1 on brown. Both fail.

There are three ways out, and this round takes the third: Every option below does the third. Orange never carries a word in this round.

One place orange still appears at 3.03:1: the five stars. As a non-text graphic the floor is 3:1 rather than 4.5:1, so they pass — and the rating is stated numerically as “4.9” right beside them, so nothing depends on the stars being read. That is why they stay orange and the words do not.
What “simple” actually meant here, in numbers. The band today has two grounds, a boxed rating, an icon, a heading, a sentence, a link, and in later options six bordered chips and a button — around fourteen visible elements. These have between seven and nine: a number, five stars, a review line, six names, and one accent. Nothing was styled down; things were taken out.
M1One line — no boxes, no labels, no ground92pxEverything the band has to say on a single 92px line: the rating at the left, the six offices at the right as plain text with 30px between them. White ground, one hairline underneath, and the head office marked by a small orange dot and a heavier weight. Nothing is boxed.

The dot above Victoria is the only ornament in the whole band. It is 6px, and it is doing the work the “HEAD OFFICE” caption did in every earlier option — which means a reader has to infer it. That is the trade this option makes for its quiet.

M2Two lines — the cities at 17px, the rating small above120pxThe offices become the point and the rating becomes the caption. Six names at 17px with 34px of air between them, and “head office” set in lowercase beside Victoria rather than as a shouted label. No rules anywhere — the separation is entirely space.

“head office” is set in lowercase Open Sans on purpose: the uppercase tracked version reads as a badge, which is the thing this round is removing. It is still real text, so it is still read aloud and still translates.

M3Centred, type only — six names in one measured row128pxThe most formal of the five and the one that looks most like a firm rather than a product. Six uppercase names at 18px, evenly divided by hairlines, centred under a small rating line. Victoria is bolder; nothing else distinguishes it.

Nothing here says which one is the head office — only that one is heavier. If that fact has to be on the homepage, M2 is the version that states it without shouting.

M4Underlined — one orange rule, used once104pxThe whole band carries a single piece of colour: a 2px orange rule under Victoria. The rating is set large at the left so it still reads as the headline number, the six names sit at the right, and the split between them is whitespace rather than a colour change.

The orange rule is the accent for the entire band, which is the point — but it also means the underline pattern is now spoken for. Any hover underline elsewhere in this strip would read as a second head office.

M5Dark and minimal — M1 on #2A2622104pxFor when the band still has to read as a band. Same single line and the same absence of boxes, on the dark value the page already uses. White on this ground measures 15:1, so everything here is comfortably legible without a single border.

It adds a fourth dark block between the hero and the practice areas, which is now a light section. The page would read dark-dark-light-dark; M1 is the same design without that problem.

Round 9 — D3·d, head office written, row reads as Locations

Your two changes on the version you picked. The head office is spelled out in every one — no dot anywhere — and the row is labelled as locations rather than as the vaguer “six offices across British Columbia”. The “All locations” text link stays; the button does not come back.

A fix you did not ask for is in all five, because the chip you chose fails AA
White at 13.5px semi-bold on brand orange #EF6D3E measures 3.03:1. AA needs 4.5:1 for text that size, and 13.5px semi-bold does not qualify as large text — that starts at 18.66px bold. The filled chip has been failing since D3.

The fill is now #BF5732, at 4.54:1. That is the brand orange at 80% brightness — found by walking the brand colour down one step at a time and stopping at the first value that passes, so the smallest possible amount of the brand is given up. Beside #EF6D3E it reads as the same colour, slightly deeper.

v5 is the one option that keeps #EF6D3E exactly, and it pays a different price: the city name goes to 19px bold, which qualifies as large text at the 3:1 floor, and the HEAD OFFICE words move out from inside the chip to underneath it. Both routes are legitimate; they cost different things.
How each makes the row read as locations: v1 by the label (OUR LOCATIONS, with a marker) · v2 by giving every chip its own marker, so a chip is legible as a place on its own · v3 by spelling the head office out as words at full size · v4 by saying it in the label and again on the chip · v5 by scale, with the head office name larger than everything around it.
D3·d·v1The label says LOCATIONS, with a marker132pxThe smallest change that does both things you asked. The line above the row now reads OUR LOCATIONS with a map marker instead of the vaguer “six offices across British Columbia”, and HEAD OFFICE stays written inside the filled chip behind a hairline.
4.9
173 reviews · on Google
OUR LOCATIONS — SIX ACROSS BRITISH COLUMBIA
D3·d·v2A marker in every chip — each one reads as a place on its own132pxThe clearest of the five about what the row is. Every chip carries its own map marker, so a chip is legible as a location even out of the context of the label above it. The label can then shorten to just OUR LOCATIONS.

Seven markers in one band — six in the chips and one on the label. If that is one too many, the label's marker is the one to drop, not the chips'.

D3·d·v3Written as words — “Victoria — Head Office”132pxThe head office label stops being a small-caps tag and becomes part of the chip's sentence, at the same size and weight as the city name. It reads as a phrase rather than as a badge attached to a word.

It makes the first chip noticeably wider than the rest — about 200px against 90–130px — so the row is visibly front-heavy. That is the cost of spelling it out at full size.

4.9
173 reviews · on Google
D3·d·v4Said twice — in the label and in the chip132pxThe label states it in a sentence and the chip states it again on the object itself. Nobody scanning the band can miss which office is the head office, whether they read the line above or only the row.

It is the same fact twice in 60px of vertical space. That is either emphasis or redundancy depending on how much the head office actually matters — and only you and Darren can settle that.

4.9
173 reviews · on Google
D3·d·v5Brand orange kept exactly — paid for a different way146pxThe only version that uses #EF6D3E unchanged. It qualifies by making the city name large text: 19px bold, which passes the 3:1 large-text floor at 3.03:1. HEAD OFFICE moves out from inside the chip to underneath it, in orange on the dark ground, where it measures 3.58:1 against a 3:1 requirement.

Two costs. The band grows 14px because the label now sits under the chip. And the head-office words are no longer on the marked object — they are next to it, which is a slightly weaker join than v1–v4 make.

4.9
173 reviews · on Google
OUR LOCATIONS — SIX ACROSS BRITISH COLUMBIA