Two sides of Punctual

Sample data for a fictional business, Northwind Studio. Look around freely: creating and editing are turned off, so nothing you do sends an email or changes anything.

Screens

Client portal

Their standing account: every invoice, document, and how to pay.

Invoice hub

The branded landing where a client picks up their invoice, deliverables, and progress.

Pay screen

The rails you've set up (PayNow, transfer, card), cheapest first, discount baked in.

How sign-off flows

Each invoice carries the roles you set on the client. One link per person adapts to their step: validate, approve, then pay. Here are the three shapes, each on live data (open a person's link to see exactly what they get).

One contact wears every hat

A single person is contact, approver and procurement — the link goes straight to the hub to pay.

1Liam BrooksContact, approver & procurement · Views & pays

Preview each screen

1 · They pay

Harbor & Co · NW-1123 · AUD 5,200

The approver also pays

The contact confirms the work, then the approver — who also holds the purse — clears it and pays.

1Wei Lin TanContact · Confirms the work 2Rachel OngApprover & Procurement · Sees “awaiting sign-off”

Preview each screen

1 · Contact confirms the work 2 · Approver clears it 3 · Procurement pays

Lumen Retail · NW-1118 · SGD 5,000

Three people, three steps

The contact confirms, the approver clears it, and procurement pays — each on their own secure link.

1Priya NairContact · Confirms the work 2Dana VossApprover · Sees “awaiting sign-off”3Gordon HoProcurement · Sees “awaiting sign-off”

Preview each screen

1 · Contact confirms the work 2 · Approver clears it 3 · Procurement pays

Acme Corp · NW-1116 · SGD 7,200

Emails they receive

The real templates, rendered exactly as they land in the inbox. Open any one.

Northwind Studio

Your invoice NW-1049 is ready

Invoice delivered

Sent the moment you issue — links straight to the hub to view and pay.

Northwind Studio

A quick heads-up on invoice NW-1049

Reminder · warm (before due)

A gentle heads-up before the due date — the early credit travels with it.

Northwind Studio

Invoice NW-1042 — now overdue

Reminder · firm (overdue)

Direct but never hostile once overdue — amber, never red, always a way back.

Northwind Studio

A quick check on invoice NW-1049

Validate request

Goes to the project contact first — a 20-second confirm before finance.

Northwind Studio

Approval needed: SGD 9,408 for Q3 brand refresh

Approval request

Sent to the approver once the contact confirms — with their sign-off attached.

Northwind Studio

Paid — thank you, Acme Corp. That's a wrap

Receipt

Fires automatically when the payment reconciles, with the receipt attached.