Mehta & Kapadia
Legal clients need authority and discretion communicated instantly.
Outcome: 6-section editorial site spanning Firm, Practice Areas, People, Track Record, Insights, and Contact
- Build time
- 3 days
- Year
- 2026
- Client
- Mehta & Kapadia — Advocates & Solicitors (Demo)
- Engaged for
- Web Development · UI/UX Design · Premium Branding
- Timeline
- 3 days · 2026
- Built with
- Next.js · TypeScript · Tailwind CSS · Framer Motion · React Three Fiber · Netlify
Overview
A demo website for a full-service law firm advising businesses, institutions, and individuals on their most consequential matters. The build showcases the navy-and-cream editorial standard OM brings to advocates, solicitors, and chambers — refined serif typography, a 3D scales-of-justice sculpture, and a quiet, authoritative tone that reads like counsel you can build on.
The challenge
Most law firm websites in India either over-design and breach Bar Council of India solicitation rules, or under-design into generic templates that undercut a firm's credibility. Established firms need a presence that signals judgment, discretion, and a deep track record — without ever appearing to advertise or solicit work. The goal was a demo that shows legal clients exactly what a compliant, premium firm website looks like.
What we did
OM built a six-section editorial site — 01 The Firm, 02 Practice Areas, 03 People, 04 Track Record, 05 Insights, 06 Contact — opening on a Bar Council of India disclaimer gate (I Agree / Decline) so the build is compliant by design. A navy-and-cream split-screen layout pairs refined serif typography with a 3D scales-of-justice and gavel sculpture for understated authority. Copy is positioned around corporate, commercial, and contentious work for listed companies, banks, promoters, and multinationals, with a single restrained "Request a Consultation" call to action.
Key decisions — and why
Compliant Disclaimer Gate
An entry overlay carrying the Bar Council of India disclaimer with I Agree and Decline actions, keeping the firm presence non-solicitous by design.
3D Scales of Justice
A subtle React Three Fiber scales-of-justice and gavel sculpture adds depth and authority without tipping into ornament.
Navy & Cream Editorial Layout
A split-screen navy-and-cream design with refined serif typography that reads like a printed brief rather than a brochure.
Six-Section Architecture
Numbered sections for The Firm, Practice Areas, People, Track Record, Insights, and Contact guide clients through the practice with clarity.
The build

Built with
- Next.js
- TypeScript
- Tailwind CSS
- Framer Motion
- React Three Fiber
- Netlify
The outcome
- 6-section editorial site spanning Firm, Practice Areas, People, Track Record, Insights, and Contact
- Bar Council of India disclaimer gate keeps the build compliant by design
- Est. 1998 heritage framed to signal judgment, not volume
- Used as a live sales demo for law firms, advocates, and chambers
Want something like this?
We can build your version of this in days.
Tell us the problem in a sentence and we'll come back with a fixed scope, a fixed price and a date — usually the same day.