Current working direction
Mediation Compass
Clear direction, calm judgement, a held process.
Choose this to keep refining what the build already wears: warmth and authority held in balance.
Private review · August 2026
What is in place, what needs your input, and the next controlled step.
Prepared for Giles Surman by JD Core Dev. A private working document for discussion: nothing in it records acceptance, a launch, or a decision. Those remain yours to make.
Where things stand
The build is technically prepared for you to see and try. It is not live, and nothing about it is treated as settled until you have reviewed it.
One principle runs through everything: the system drafts, and you approve. It never clears a conflict on its own, and it never sends anything on its own.
A tour of the system
A private review copy of the practice system is running for you now, filled with a small cast of invented people. The pages that follow show the public front door, what the system prepares for you, and the decisions that stay with you. Every screenshot links to the real page.
Your console · no sign-in needed
practice-uat-uat.up.railway.app/consoleOpens in guided preview: you are viewing as yourself, on sample data.
The public website
practice-uat-uat.up.railway.appThe site as a visitor would meet it, in the current working direction.
The review copy is read-only. Nothing in it can send an email, reach a real person, or touch a live service; every consequential control is switched off.
Casey Ho, Riley Ng and their fellow contacts are synthetic sample people, marked as such throughout. No real client information is anywhere in this copy.
The copy exists so you can form a view before the separate hands-on session. It is not the live system, and nothing you do in it commits you to anything.
A tour of the system · the front door
The practice's front door: who you are, what mediation covers, how the process works, and two ways to begin.
Six pages: home, about, practice areas, how it works, FAQ and contact. Every page ends in a next step, and both paths in, an enquiry or an introductory call, lead into the console you will see shortly.
The whole site wears the current working direction; if you choose a different route later in this document, the site changes clothes from one central setting.
Open this page yourself → Taken from the review copy as it stands today.
A tour of the system · the front door
The contact page invites a short message rather than a form-filling exercise, and says plainly how it will be treated.
Consent is acknowledged before anything is stored. The enquiry then lands in your console with a reply already drafted and waiting for your approval; nothing is ever answered automatically.
The wording works to lower the threshold for someone at a difficult moment: a few sentences are enough to begin.
Open this page yourself → Taken from the review copy as it stands today.
A tour of the system · the front door
The booking page frames the first conversation, then takes a request for a time.
A request is held in the console rather than confirmed on the spot: a booking can only be confirmed after you record a conflict assessment. Confirmed video bookings carry safe meeting defaults.
Live time selection from your own calendar switches on when the calendar connection is made with you during setup; until then the page takes requests, so nothing is promised that the diary has not offered.
Open this page yourself → Taken from the review copy as it stands today.
A tour of the system · your console
The console's opening view: pending approvals, open enquiries, active matters, contacts and system health, with today's work queue beneath.
It is arranged around your attention. Whatever needs your judgement, a reply to approve, an enquiry to review, sits at the top; everything else waits until you go looking for it.
The banner across the top of the review copy: synthetic data only, read-only, dispatches disabled. That is the preview speaking, not the system's normal state.
Open the console yourself → Opens in guided preview; no sign-in is needed.
A tour of the system · your console
Every drafted message, enquiry replies, letters, fee-note emails, scheduled reminders, waits here as exact text.
You read the precise wording that would be sent, edit it if you wish, then approve or reject. Approval is the only path by which anything ever leaves the practice; scheduled chases never send from the clock alone.
This inbox is the single gate for every kind of outbound message. There is no second door.
Open the console, then choose Approvals → Two sample drafts are waiting for you to inspect.
A tour of the system · your console
Each matter carries its stage, its parties, conflict screening, tasks, documents and a timestamped history in one case file.
Screening surfaces potential matches for your assessment and never decides an outcome. Stage changes are yours to make, and every one is recorded in the matter's history. Documents drafted here go to the approval inbox before they can reach anyone.
The file reads like a chambers brief rather than a database record: current position first, parties beneath, the working surfaces after.
Open the console, then Matters, then any matter → Three sample matters are loaded to explore.
A tour of the system · your console
Every contact the practice knows: enquirers and parties, each with their details, role, linked matters and communication history.
It keeps the practice's memory in one place, so a name arriving in a new enquiry can be seen against everything that came before, which is also what feeds the conflict screening you saw on the matter file.
Contact details are held encrypted at rest; what you see decrypted on screen is stored protected underneath.
Open the console, then choose Contacts → Eight synthetic contacts are loaded to browse.
A tour of the system · your console
The billing surface: fee notes built from line items and rendered as branded HKD PDFs.
You preview the exact PDF the payer will receive before anything is queued. Issuing only creates an approval item, and unpaid notes are chased on a polite schedule whose drafts also wait for your approval.
The three-step strip on the page itself: generate, approve, chase. The system explains its own rules where you work.
Open the console, then choose Billing → Taken from the review copy as it stands today.
A tour of the system · your console
A dedicated surface for a person's rights over their data: an audited export of their record, and a deliberate erasure workflow.
Export produces a readable record that excludes anyone else's shared-matter material. Erasure is confirmed against the exact record, blocked by legal holds, and leaves an append-only audit skeleton so the practice can always account for what happened.
The caution is the feature. Deleting a person's data is made deliberately harder than reading it, in exactly the ways the obligations require.
Open the console, then choose Data rights → Taken from the review copy as it stands today.
The path from here
Three steps, each paced by you. None of them is a formality, and none of them is a launch.
This discussion: your reaction to what is in place, to the working name, and to the visual direction.
You operate the system yourself in a safe training environment set up for the purpose, on sample material only. It is a genuine working session in which you run each core task at your own hand; it is not a formality, and it is not a live launch.
Going live is a separate, deliberate decision that stays with you, taken only once the review and the walkthrough have shown the system behaving as it should.
Your input
These are invitations to react, not papers to sign. A first instinct on each is enough.
Does Surman Mediation Practice feel right as the working name, or is there a name you would rather see tried?
Of the three routes shown on the pages that follow, is there one you would like refined? If none feels right, what is missing from all three?
The portrait you approve, the wording and contact details you want made public, and anything else you would like the practice site to represent.
A date and a format that suit you for the separate training and review session, so it can be prepared properly.
Identity
It must make a difficult first contact feel safe, without making the practice look soft, generic, therapeutic, or corporate. The useful tension is calm personal authority: confidential enough for family matters, rigorous enough for the legal and financial consequences.
The three pages that follow show the same page in different clothes: identical wording, identical structure, so that everything that changes is the identity. Each is a static impression, not a live page, and none of it is final artwork.
Route 01 of 03
Clear direction, calm judgement, a held process.
It holds warmth and authority in one frame: reassuring at first contact, serious where it counts. It is also the direction the build already wears, so it is proven across the public site, the operator console, and the fee-note PDF.
Its restraint is the point. Decorated further, midnight and brass could drift corporate; the discipline of the rule system is what keeps it personal.
A literary serif for names and headings; a plain humanist sans for everything spoken.
Family & Matrimonial Mediation · Hong Kong
A calm, structured way through family disagreement.
Confidential mediation with Giles Surman: Barrister at Law, CEDR-accredited mediator.
Request an introductory callHow mediation works
Midnight and pearl held by a brass rule, with a measured teal beneath. Confident without being corporate.
Route 02 of 03
A measured horizon: place, balance, forward movement.
It roots the practice in Hong Kong with seniority and calm, and it sits most naturally alongside the banks, chambers, and institutions your clients already know. The harbour is implied, never literal.
The place cue needs restraint; taken literally it becomes a postcard. The blue must stay measured, or the whole practice starts to read civic rather than personal.
An elegant transitional serif for names; a compact grotesk for interface and working screens.
Family & Matrimonial Mediation · Hong Kong
A calm, structured way through family disagreement.
Confidential mediation with Giles Surman: Barrister at Law, CEDR-accredited mediator.
Request an introductory callHow mediation works
Ink on warm white, a sea-glass field for the welcome, harbour blue carrying the action. Senior, placed, unhurried.
Route 03 of 03
Structured, bounded, professionally held.
The most formal of the three: barrister credibility and decision support, with authority carried by whitespace rather than by colour. Strongest where referrals come through solicitors and financial advisers.
Formality can read severe to separating families. The generous space, and the warmth of the writing inside it, must carry the reassurance the palette deliberately withholds.
A sharp didone serif for the wordmark; a quiet, even sans beneath it.
Family & Matrimonial Mediation · Hong Kong
A calm, structured way through family disagreement.
Confidential mediation with Giles Surman: Barrister at Law, CEDR-accredited mediator.
Request an introductory callHow mediation works
Oxblood and graphite on rice paper, set centred with deliberate space. Formal authority, softened by whitespace, not colour.
Identity · side by side
Current working direction
Clear direction, calm judgement, a held process.
Choose this to keep refining what the build already wears: warmth and authority held in balance.
Static alternate · discussion only
Hong Kong place, seniority, restrained confidence.
Choose this to lead with place and institutional calm: the practice as a Hong Kong fixture.
Static alternate · discussion only
Formal authority, softened by space.
Choose this to lead with formal, barrister-led authority for a referral-driven practice.
Refine Mediation Compass. It holds the balance the practice needs between warmth and rigour, and it has already survived contact with every real surface of the system, so refining it is the shortest path to finished artwork.
Harbour Neutral is the strongest alternate if you want the practice to feel more institutional; Measured Counsel if you want it more formal still. The choice stays yours, and changing direction now is deliberately cheap: every built surface takes its identity from one central setting. None of the three is final artwork until you say so.
The next controlled step
Nothing goes live until you have seen it work, worked it yourself, and said so.