Teixeira Lund Solicitors is a fictional high-street firm on Queen Square in Bristol, with five teams: conveyancing, wills and probate, employment, family and business contracts, for individuals and owner-run businesses. The page is built to convert first: the hero says “Solicitors in Bristol for people and small businesses”, the main button is “Book a free 30-minute call”, the next three free call slots are computed from today and every service shows its fee. It opens light (soft white with pale-blue, rose and sage fields, ink navy text and one oxblood brand colour) with azulejo, sage and a dark night on the palette knob. One motion language: entrances power3.out 0.5–0.9 s, state changes and wipes expo.inOut 0.6–1.1 s, scroll-linked pieces ease: 'none' with scrub, Lenis smooth scroll (duration 1.15).
The creative layer is the firm’s plain-English promise, shown as tracked changes. In the promise section a big serif paragraph is edited as you scroll (pinned on desktop): “endeavour to advise you in respect of the aforementioned matter” is struck through in the brand colour and “tell you where you stand” is written in with an underline, three times, before a Word-style comment from the founding partner slides in. The same edit marks the section headings: “Areas of practice”, “Schedule of fees”, “Fee earners”, “Frequently asked questions” and “Hours of business” sit struck out above their plain replacements. The strike is a background-size line, so it draws across wrapped lines in order.
The signature is What will it cost?: four questions that branch by area (for example, buying or selling, price band, freehold or leasehold; or employee or employer, what happened, and when). Each answer is written into a file note as a tracked insertion; after the fourth, the likely fee tweens in (fixed, hourly, “usually paid by your employer” or “from”), with the VAT line, the next step, a time note (ACAS early conciliation, the 26-week divorce timetable, inheritance tax due at six months, Stamp Duty relief, the 28-day prenup rule) and the lawyer you would speak to. “Book a free call with Amara” writes the answers into the booking form. A “general information, not legal advice” line is always shown.
Also on the page: practice areas as tabs with hover previews and photo wipes on desktop (an accordion on phones) with four example fees each; a townhouse photo whose frame opens on scroll; how it works, with checkboxes ticked by a line drawn with the scroll; anonymised sample results on a drag-and-snap track; six monogram team cards with hourly rates; sample reviews; five invented accreditation seals that turn with the scroll; a working FAQ; a validated booking form with an optional conflict-check field and a success state; office hours with today and an open-now line; a drawn map of Queen Square with the walk from Temple Meads; and a mobile Call / Book bar.
Photos: ten Unsplash photos for the live preview only (a solicitor and client at a desk, law reports on a shelf, house keys, a will being signed, an employment meeting, a meeting room, a contract review, townhouses, an office and a reception), one shared grade, credits in public/assets/teixeira-lund-law/LICENSE.txt. People are ambience only; team cards and reviews never have faces. Fonts: Instrument Serif + Schibsted Grotesk (OFL). Phone numbers use the Ofcom drama range (0117 496 0xxx); the address, SRA number, accreditations, ratings, results and reviews are samples.
Gotchas: the practice areas use one markup for both layouts: on desktop each .tlx__area is display: contents, headers fill column 1 and every body sits in column 2 spanning all rows (only the open one is shown), so there is no duplicated content. A changed answer in the checker clears every later answer, because the later questions depend on it; clicks are ignored while a step is changing. Prices are rendered from data-fee so the VAT knob changes every figure; the ”+ VAT” suffix is a pseudo-element on .tlx__p. Under reduced motion there is no Lenis, no pin and no masks: the redline paragraph, strikes, ticks and map show their final state and counters show final values.
medium 
medium 
medium 
medium