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, because 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 Delivery, three bars fill to 92% of 138 corporate matters, 78% of 64 technology matters and 64% of 105 property and relocation matters closed inside the quoted timeline, and each one prints its figure, because a bar nobody can check is a decoration and these are supposed to be an admission. The page says so underneath: the 64% is the honest one, because the Conservatória and AIMA queues sit outside the firm's control.

And in the Impact ledger, 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: 614 matters since 2017, 1,120 filings and contracts, 212 property due diligences, and nine working days as the median from a first call to a written scope and fee. Six people cannot have handled fifteen thousand matters, and a prospect in this trade does that sum in their head.

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? 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, and the case enquiry asks five fields instead of routing you to an intake team. It is the page's only form, and every button on the page goes to it. 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. The markup ships the final numbers and the bars at their true widths, so the motion is enhancement rather than scaffolding: a visitor who has asked for reduced motion, or whose JavaScript never arrives, gets a finished document with nothing missing. On a phone the ledger skips the count-up entirely, because a figure that arrives digit by digit on a small screen reads as one that has failed to load.

Contrast is a colour here, never an opacity. That cost the design its favourite move: the reference's gold section labels sit at 2.1:1 on ivory and are effectively unreadable, so the labels step down to a bronze that clears 4.5:1. Gold survives everywhere it is ink rather than text, which is the rules, the bars, the dots and the buttons, and the look survives the correction. Erode is self-hosted from Fontshare in five cuts, and the whole page's photography lands in under 650KB.