Naqvix logo
Book a Call
Back to Work
JA

Juris Auxillium

Build

Juris Auxillium: A Prestige Law-Chamber Website with a Complete Light/Dark Editorial Design System

Legal ServicesPakistandemo
Visit Website
Juris Auxillium law-chamber homepage in dark mode — navy-and-gold theme with the Elite Legal Representation In Pakistan headline, one half of the site's complete light/dark theme pair

The Challenge

Law firms trade on gravitas, and almost every law-firm website makes the same compromise: pick one look — usually dark wood and serif type — and live with it. Naqvix designed and built Juris Auxillium, a prestige-chamber site for a Lahore/Islamabad legal practice, as a design-and-engineering showcase answering a harder question: can a site carry full editorial-grade art direction in two complete themes, not one theme plus an inverted afterthought?

The design problem is subtle. A cream-and-charcoal daytime palette and a navy-and-gold evening palette don't map onto each other color-for-color — glass panels, gold accents, selection colors, and photography treatments all need deliberate values in each theme. And the content architecture had to read like a serious chamber: practice pillars with case outcomes presented responsibly (anonymized), a transparent engagement process, and an intake flow that signals confidentiality rather than a generic contact form.

The Solution

We built the site on Next.js (App Router) with Tailwind CSS, fully prerendered as static pages, with the theme system as the engineering centerpiece.

  • Full dual theming — custom Tailwind tokens (cream-100/charcoal-900 for light, navy-950/gold-500 for dark) applied across every surface, with OS-preference detection plus a manual toggle and 500ms cross-theme transitions. Glass panels and a gold text-selection color are tuned per theme rather than shared.
  • Editorial typography — Playfair Display for display serif paired with Inter for UI text, set against the "Elite Legal Representation In Pakistan" hero.
  • Four practice pillars — Corporate & SECP compliance, NAB/FIA white-collar defense, Civil Litigation & Real Estate, and Constitutional & High Court petitions — each presented with anonymized case results rather than name-dropped clients.
  • Five-stage engagement process — walking a prospective client from first consultation to resolution, so the chamber's way of working is legible before anyone picks up the phone.
  • Attorney roster — profile pages for the chamber's four partners.
  • Confidential consultation intake — a contact page with a matter-type dropdown, dual-office details for Lahore and Islamabad, and a 24/7 emergency line, framed around confidentiality.

Results

Juris Auxillium is live as a demonstration build at advirtaza.naqvix.com — a production-grade template for how a top-tier chamber should present itself online. The theme system is the piece we point clients to: flip the toggle and the entire site re-resolves from cream/charcoal to navy/gold in a single smooth transition, with no orphaned colors and no unreadable states in either mode — the difference between real dual theming and a CSS invert.

Because the build is fully prerendered static Next.js, it ships fast, hosts anywhere, and needs no CMS or server to maintain. The firm identity, statistics, and case results shown on the site are demonstration content; the design system, theming engine, and page architecture are the deliverable.

2

Complete theme systems — cream/charcoal and navy/gold

4

Practice pillars with anonymized case results

5

Stages in the client-engagement process

Deliverables

Dual-theme editorial design system with OS detection and manual toggle
Custom Tailwind token architecture (cream-100/charcoal-900 and navy-950/gold-500)
Practice-area architecture across four pillars with anonymized case results
Five-stage engagement-process presentation
Attorney roster pages for four partners
Confidential consultation form with matter-type dropdown and dual-office details

Technologies

Next.jsReactTailwind CSS

Project Screenshots

Juris Auxillium law-chamber homepage in dark mode — navy-and-gold theme with the Elite Legal Representation In Pakistan headline, one half of the site's complete light/dark theme pair
The same Juris Auxillium homepage with the light theme active — cream navigation and toggle, the counterpart in the fully dual-themed design system
Juris Auxillium practices page presenting four practice pillars — corporate, white-collar defense, civil litigation, and constitutional petitions
Juris Auxillium attorneys page with the chamber's partner roster in the editorial Playfair Display and Inter typography
Juris Auxillium confidential consultation form with matter-type dropdown and dual Lahore/Islamabad office details

Ready to build something similar?

Tell us about your project and we'll show you exactly how we'd approach it.

Start a ProjectSee More Work