Penang

Previous — 01 / 09MÉA Studio
AUREL & TAN website, home page: Considered counsel for business & private clients.

02 / 09 — Work

Concept Project — Boutique law firm

AUREL & TAN

Type
Web design & development
Industry
Legal
Year
2026
Setting
Kuala Lumpur

Overview

A firm is trusted for its judgement, so the site is calm and structured like an agreement: numbered sections, hairlines, ivory and navy, restrained motion. Every practice, lawyer and article has its own page, and the consultation request guides a client through it without creating a relationship by accident.

Role
Information architecture
Editorial UI design
Development
Built with
Next.js
React
Tailwind CSS
Every screen15 pages & views — AUREL & TAN
AUREL & TAN: Five practices, one standard of care
Five practices — each with its own page: what it advises on, typical matters, its lawyers, FAQs.

Direction

Ivory, charcoal and navy with a little bronze; a classical serif and a quiet grotesk; numbered sections and hairlines instead of boxes. Motion is short fades, once — nothing that undermines the gravitas.

  • Ivory#F4F0E8
  • Charcoal#16191D
  • Navy#111C31
  • Bronze#7A5B35
  • Brass#C7A978
  • HeadlinesNewsreaderwith an italic second line
  • Text & interfaceInter Tight

Consultation

Matter, outline — with what not to share — availability and review. The notice is acknowledged before sending, and the last screen says nothing was sent and no lawyer–client relationship exists.

Screen recording of the live site · 21s

AUREL & TAN: a profile — Daniel Tan, managing partner (fictional; stock portrait of a model)
AUREL & TAN: an insight — before founders enter a shareholders’ agreement

A profile (fictional, stock portrait) · An insight — long form, no invented case citations

AUREL & TAN on a phone: five practices
AUREL & TAN on a phone: what we advise on
AUREL & TAN on a phone: a profile

On a phone — the same order, one column, numbered like an agreement.

AUREL & TAN: How fees are worked out — fixed, phased, time-based, prescribed, retainer

Fees

How fees are worked out, in plain words — fixed, phased, time-based, prescribed or on retainer.

Complex matters deserve clear thinking.

A website of this size is quoted for its pages and features. Complex animation and interactions are quoted separately.

NOIR Studio website, home page: NOIR over a figure on a night platform — photographs made slowly, for people and for print
Next — 03 / 09Scroll or click
Photography · Editorial portfolioConcept Project · 2026
Next project: NOIR Studio