Tagus & Co.

Tagus & Co. is six people on Rua do Alecrim, acting for people whose lives or businesses cross a border into Portugal. Founders incorporating here, SaaS companies that need their GDPR position to survive a customer's security review, buyers who have found a building in Alfama and no longer trust anybody, professionals relocating with a family and a timeline.

Their clients are not Portuguese, and that is the whole problem. They cannot read the room, cannot ask a cousin who is good, and cannot tell whether the silence after they send an email means the work is happening or that it isn't. What they are buying is not really legal expertise. It is the ability to know where they stand on a Tuesday.

Every firm in Lisbon says it is rigorous and international. None of them will tell you what the thing costs, how long it takes, or what happens next — which is precisely the information a cross-border client is paying to get.

Build the page as the opposite of the sector. If law online sells certainty and delivers fog, then make everything here measurable: number the services, rule the steps, count the outcomes, and draw the delivery lines to their real proportion rather than to the width of the column they sit in.

The colour does the same work. Ivory holds the whole page, and it is broken exactly twice — a navy panel at the top where the firm makes its claim, and a navy panel at the bottom where it signs off. Between them, everything happens in the open, on paper. Gold is the only accent and it is never decorative: it is the rule, the bar, the dot before a label, the fill of a button.

Erode sets the headlines, the figures and the wordmark, which takes its italic. It is an old-style serif with weight in it — the page needs to sound like counsel, not like a startup. Inter carries every label and line of body copy underneath, and both faces keep their digits tabular, so a column of figures lines up the way a column of figures should.

The measured rule. A hairline that fills with gold from the left, to a width that means something. It is the page's single idea, and it repeats until it becomes a habit: the gold dot before every section label is the rule at width zero; the hairline that closes the service list draws in as it arrives; a gold rule opens each of the firm's three written notes; the rail between the three process steps fills as the steps land.

It pays off twice. In Measured work, three delivery bars fill to 92%, 78% and 64% — deliberately unequal, because a progress bar that always reaches the end is a decoration, and these are supposed to be an admission. And in the Impact ledger, the four figures count up from zero, scrubbed to the scroll, so the number arrives at the speed you are reading it, while a two-pixel gold rule inks in across the head of the row.

That ledger is the one moment the page hands wholly to the scroll, and it earns it: 15k+ matters, 1,900+ deals and filings, 300+ property transactions, 220 relocations. Numbers are the only thing on a law firm's website that cannot be written by anyone else.

The sector sells certainty and delivers fog. This page is the opposite: everything on it is measured.

A cross-border client arrives with one question — will I know what is happening — and law firm websites answer a different one, at length, about heritage. This page answers the real one before it asks for anything. The process is three steps and they are written as sentences, not as values. The services carry a scope. The FAQ says what the pricing model actually is: fixed fee wherever the work can be scoped, which is most of it, and the number comes before the work starts.

Then it removes the friction the sector builds in deliberately. The email address is in the open, the phone number is a direct line, and the case enquiry asks five fields instead of routing you to an intake team. The one condition it leaves standing — that conflicts get checked before anything substantive is discussed — reads as a caveat and works as proof that somebody here has done this before.

The team are named with their real remit in brackets, including the person who handles intake and scheduling, because in a six-person firm the client will meet him first and it is worth saying so.

Coded, not mocked. React and GSAP ScrollTrigger drive the counting ledger, the filling bars and every plate's parallax, and each tween is gated through gsap.matchMedia. The markup ships the final numbers and the bars at their true widths, so the motion is enhancement, not scaffolding: a visitor who has asked for reduced motion, or whose JavaScript never arrives, gets a finished document with nothing missing.

Contrast is a colour here, never an opacity. That cost the design its favourite move — the reference's gold section labels, which sit at 2.1:1 on ivory and are effectively unreadable. Gold survives everywhere it is ink rather than text: the rules, the bars, the dots, the CTA. The labels themselves step down to a bronze that clears 4.5:1, and the look survives the correction.

Erode is self-hosted from Fontshare in five cuts, subset and served from the build rather than a CDN. The photography is WebP, sized per breakpoint — sixteen frames for the whole page, landing in under 650KB. It passes a production build and works on a phone held in one hand.