Section badge — .hexfill, 10 options

The badge that opens a section (.cards-sec and the practice-area sections use it four times on the homepage). Every option keeps the brand hexagon — pointy-top, the same proportion as polygon.svg — and only changes how it is drawn: filled, outlined, paired, clustered, inline, or reduced to a watermark. Stages are on the new off-white (#F9F9F9), not the replica's plain white. Cards below each heading are abbreviated — they are context for the badge, not the thing being judged.

Today: a 95×110 solid teal cell with a white FontAwesome icon, centred, 22px above the heading — a straight carry-over from the current site. It is the least considered element on the page: the icon is generic (fa-rss, fa-youtube-play) and the teal is the brand's minor accent doing major work.

X1Baseline — solid cell What the page has now. Honest and clear, but heavy: a 95px block of the minor accent colour above every section.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X2Outline cell The same cell drawn as a 4px ring instead of a solid. Immediately lighter and more current; the icon reads as the subject rather than the colour block. Safest modernisation — nothing else on the page has to change.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X3Paired cells One cell carries the icon, a smaller orange one sits against it, a faint third floats off. Same device as the header watermark, so the hive language repeats down the page — and both brand colours appear, not just the teal.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X4Comb rosette A true honeycomb: six cells on the real lattice around one solid centre. The most explicit statement of the hive idea — a section opener that only this firm could own. Busiest option; needs the icon kept simple.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X5Inline lockup The cell shrinks to 46px and sits beside the heading instead of above it, with a small eyebrow carrying the section's purpose. Saves ~90px per section (×4 on the page), and reads editorial rather than decorative.
From our desk

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X6Cell on a rule A hairline runs the full width of the grid and the cell sits on it, breaking the line. Gives every section a clean start edge — useful on a long homepage where sections currently run into each other.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X7Two-tone cell One cell split diagonally teal → orange. Keeps the mass of X1 but stops the teal dominating; the diagonal echoes the hexagon's own edges. Only works if the split angle is identical everywhere it appears.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X8Ghost watermark The icon goes away entirely: a large faint cell sits behind the heading, with one small orange cell as the marker. Quietest option — the heading becomes the section opener and the hexagon is atmosphere. Loses the icon as a scanning aid.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X9Knockout cell + eyebrow Brown cell, icon knocked out to the page colour, orange eyebrow above. The most "brand system" of the set — matches the footer and the button, and stops the section openers competing with the practice-area colour coding.
From our desk

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will

X10Comb bar A short strip of cells — faint, faint, solid, faint — so the badge reads as a fragment of comb rather than a single icon tile. Horizontal mass balances the wide card grid better than a tall single cell.

Read Our Featured Articles

Article image

Estate Dispute Case: Changing an Unfair Will

Article image

Buying a Home with Co-Ownership

Article image

Benefits of Having a Will