Marlowe & Fenn LLP
The whole website is drafted as the firm's agreement with you, and it keeps its word.
31
Pages and routes
100
Accessibility on every measured page
0.000
Layout shift, measured live
10
BC legal guides, facts verified

People open a lawyer's website already braced.
No prices, anywhere.
Most firm sites hide fees behind a consultation, which reads as: we will tell you what this costs once you are committed. For the person deciding whether they can even afford a lawyer, silence on price is an answer, and they take it elsewhere.
Jargon walls raise the guard.
Practice-area pages written for other lawyers make the visitor feel the one thing that keeps them from calling: that they are about to be talked over. The reader is mid-crisis, not mid-law-degree.
Every firm looks the same.
Columns, gavels, skyline stock photos, decades of combined experience. When every site is interchangeable, the visitor defaults to the only differentiator left: whoever a friend happens to know.
Drafted like a contract, annotated for humans.
The site is the contract.
The homepage is drafted as the firm's agreement with every client: numbered undertakings, an execution block, signed and sealed. The format is the profession's own, and it commits the firm before the client commits to anything.
A margin that translates.
Oxblood marks beside every clause unfold the drafting into everyday words on touch. The firm's promise that you will never leave a meeting confused is not copy, it is an interaction the visitor can test on the fine print itself.
Fees in writing, before anyone meets.
Schedule A publishes flat fees and honest hourly ranges as a ledger, each line annotated with what it actually buys. The scariest page on any law firm site becomes the most reassuring one on this one.
The boring layer done perfectly.
31 URLs of real server HTML, accessibility at 100 everywhere, zero layout shift, verified BC legal facts in every guide, and a paper-and-ink typography system that never trades its serif away for a benchmark point.
The thinking behind the build
Marlowe & Fenn LLP is a fictional four-lawyer firm at 214 Dominion Avenue in Bellwood, an invented BC main-street town, practicing since 1987. People arrive at a lawyer's website already braced: for jargon, for hourly-rate anxiety, for the feeling of being handled. So the site disarms them with the most honest gesture a law firm can make: it is written, top to bottom, as the firm's agreement with the client. Clause 1.1: we answer the phone the day you call. Clause 1.2: you will know the cost before we begin.
Nobody browses law firm websites for pleasure. The visitor is mid-crisis or mid-decision, a separation, a death in the family, a house closing, a dismissal, and every firm site they open says the same three things: decades of combined experience, a wall of practice-area jargon, and no prices anywhere. The unspoken message is: we will tell you what this costs after you are already committed. Marlowe & Fenn was built to invert that in the first three seconds.
The concept is a contract. Not a metaphor sprinkled on top: the homepage is literally drafted as an agreement, entered into between Marlowe & Fenn LLP and every client who walks through the door. Clause 1.1: we answer the phone the day you call, and a lawyer calls back, not a machine. Clause 1.2: you will know the cost before we begin, in writing, before any clock starts. Clause 1.4: the person you meet is the person who does the work. It ends with an execution block, signed and sealed at Bellwood, BC, since 1987. A profession built on documents gets a website that is one, and means it.
The signature is the Plain-English Margin. Beside every piece of legal drafting sits a small oxblood asterisk, and touching it re-says the clause the way the firm would across a desk. Wills, retainers, conveyances, severance: the marks work everywhere the site uses a term of art. It is the firm's core undertaking, you will never leave a meeting confused, made structural, and it doubles as the most disarming thing a wary visitor can discover: a law firm annotating its own fine print.
The fees page does what almost no real firm dares: it publishes the numbers. Schedule A is drafted as a ledger, flat fees for conveyances and wills, hourly ranges where the work genuinely varies, with margin notes on what each line actually buys. The jury's note on that page was that the ledger could hang in chambers, but the real work it does is simpler: the client reads the price before anyone meets, which is exactly the anxiety that keeps people from calling a lawyer at all.
The world is engraved, not photographed. Four monogram seals stand in for headshots, and a plate system carries the town: Dominion Avenue at eight in the morning, the office at the corner. Eleanor Marlowe, Daniel Fenn, Priya Sandhu, and Kate Moreau read as people who answer their own phones, and the consult flow closes with a wax-seal press instead of a submit button. The register is paper and ink throughout: a Roman serif set like a letterhead, true small caps, hairline double rules, numbered everything.
The content layer is where the honesty gets expensive. Ten guides answer the BC legal questions people actually search at night: what probate costs, what a retainer really is, severance and reasonable notice, executor first steps. Every flagged legal fact was verified against bclaws.gov.bc.ca, gov.bc.ca, and justice.gc.ca before ship, because a fictional firm can still publish real law, and a real firm buying this pattern gets a content engine their regulator will not flinch at.
The numbers hold to the same standard as the drafting. Measured against the live site, not estimated: accessibility 100 on every measured page, cumulative layout shift 0.000, desktop largest contentful paint at 0.58 seconds, and every word shipped as real server HTML. One trade was refused on the record: a font-display swap would have bought a few mobile Lighthouse points by showing slow connections a fallback font, and on a site whose entire design is its typography, the answer was no.
The firm, the town, and the lawyers are invented; the discipline is real. For a real firm the same system gets wired to real fees, real practice areas, and the Law Society of BC's marketing rules, with the Margin doing for their drafting exactly what it does here: proving, on every page, that this is a firm you can understand.
What a wary client feels in the first three seconds.
Disarmed, not sold
The first screen makes commitments instead of claims: same-day callbacks, costs in writing, straight answers. The visitor's guard drops because the firm moved first.
Nothing needs decoding
Every term of art on the site carries a margin mark that explains it. Nobody has to pretend to follow along, which is exactly the feeling that makes someone finally book the consult.
Instant, everywhere, for everyone
Accessibility 100 on every measured page, zero layout shift, and sub-second desktop paint. A site promising competence cannot afford to stutter, and this one does not.
Everything that shipped.
I built a full Next.js law firm platform in a paper-and-ink register: a homepage drafted as a signed contract with numbered undertakings, six practice areas that each state what happens next and what it costs, a fee schedule published as Schedule A with real numbers, engraved plates carrying the firm's world, four lawyer pages, a consult flow that closes with a wax-seal press, and ten guides answering the BC legal questions people actually search, every flagged legal fact verified against bclaws.gov.bc.ca and the courts' own sources.
Highlights
- The homepage is the contract: Undertakings of the Firm in numbered clauses, an execution block, signed and sealed at Bellwood, BC, since 1987
- Oxblood margin marks beside every clause that unfold the drafting into everyday words on touch, with full-size tap targets
- A public fee schedule drafted as Schedule A: real numbers in a ledger the client reads before anyone meets, with margin annotations on the money itself
- Six practice areas that each answer the two questions clients are afraid to ask: what happens next, and what it costs
- Ten guides on the BC legal questions people search at night: probate costs, severance, separation, what a retainer really is
- Every flagged legal fact in the guides verified against bclaws.gov.bc.ca, gov.bc.ca, and justice.gc.ca before ship
- Four lawyer pages written as people who answer their own phones, with engraved monogram seals in place of stock headshots
- A consult flow that closes with a wax-seal press instead of a submit button
- An engraved plate system carrying the firm's world: Dominion Avenue at eight in the morning, the office, the town
- Typography as the letterhead: a Roman serif set in true small caps, numbered sections, hairline double rules, and tabular figures that sit still
Pages and surfaces
- Home (the agreement)
- Practice hub
- Family law
- Real estate & conveyancing
- Wills & estates
- Small business
- Employment
- Civil disputes
- Fees (Schedule A, public)
- Our terms
- The team
- 4 lawyer pages
- Guides hub
- 10 BC legal guides
- Book a consult (the seal press)
- Visit
- FAQ
- Accessibility
- Privacy
Real code. Real routes. Production ready.
- The Margin's clause translations are touch- and keyboard-accessible, with expanded 44px+ hit areas on every annotation mark
- Measured live: 100 accessibility on every measured page, CLS 0.000, desktop LCP 0.58 seconds, all content real server HTML
- 31 public sitemap URLs with a guides engine answering real BC legal searches, every flagged fact verified against primary legal sources
- A performance diet with no shader excuse: transform-only hero entrance, content-visibility on below-fold sections, and a rebuilt reveal engine that never forces layout
- Typography loaded without layout shift: the Roman serif preloads, the italic is pinned to a 15KB static instance, and the letterhead stacks deterministically below 640px
- Engraved plate and seal system generated as a coherent set: no stock photography, no faces, monogram seals in place of headshots
Stack
Built honestly
Marlowe & Fenn LLP is a fictional concept, and the site is upfront about it. Bellwood, Dominion Avenue, and all four lawyers are invented; no real firm's name, clients, or matters appear anywhere. The guides state real BC law, verified against primary sources, but no lawyer-client relationship is created or implied. For a real firm, the same system gets wired to real fees, real practice areas, and the Law Society of BC's marketing rules.
Your practice runs on trust and plain dealing. Your website should prove it.
Marlowe & Fenn is the proof that a law firm site can disarm a wary visitor in three seconds: commitments up front, fees in writing, and a margin that translates the fine print. No website yet? Start with a first build that publishes your undertakings from day one. Already have one? The free check-up will show exactly where your current site is making nervous clients more nervous.
Builds like this start at $2,000, or Own It Monthly from $189/mo, yours outright at the end.
In this industry yourself? Read the professional services website design playbook.
More work
01 / 14