Advogados Demonstration project
Vieira & Costa — law firm with quiet authority
A bilingual PT/EN site for a classical Porto law firm: deep-navy restraint, hairline gold rules, a numbered practice-area index and a confidential meeting-request flow — proof that we can do conservative luxury as well as bold.
feitura.pt/demo/vieira-costa — Live
A long-established Porto law firm needs a web presence that matches the gravitas of its practice: no stock photos, no marketing noise. It must present six practice areas and four partners with absolute clarity, read flawlessly in Portuguese and English, and let prospective clients request a meeting in confidence.
What's inside
- Full PT/EN language toggle driven by a single reactive dictionary — every string switches instantly
- Numbered practice-area index (I–VI) with expandable detail panels
- Partner profiles with engraved monogram marks instead of photography
- Confidential meeting-request form with practice-area routing
- Legal notes section for the firm's occasional publications
- Hairline-gold design system on deep navy — zero stock imagery, all vector
- Sticky header with anchored navigation and mobile menu
- Fully responsive from 375px to desktop, AA contrast throughout
Build log
- Design system: ink navy, hairline gold, serif scale + header and hero frame
- Bilingual dictionary architecture and PT/EN toggle wired through every section
- Practice-area index with accordion panels; partner monograms and bios
- Legal notes, contact section and meeting-request form with confirmation state
- Responsive pass at 375/768/1100, contrast audit, reduced-motion and copy polish
Stack
- Laravel
- Vue.js
- Inertia
- Tailwind CSS
Lighthouse
95
Performance
97
Accessibility
100
Best practices
100
SEO