Ton Jansen

Design reference

Internal reference for the interface: type, colour, controls and the states the booking flow needs. Not a public page.

Typography

Spectral for headings, IBM Plex Sans for interface text. Numerals are tabular wherever times or amounts appear.

Display · Spectral 500Care, in detail.
Heading 1 · 32Book a session
Heading 2 · 24Choose a time
Heading 3 · 19Clinic consultation
Body · Plex 400Sessions last 50 minutes inside a one-hour block, so there is time to arrive and to close.
Small · 13Times are shown in your own timezone.
Numerals09:00 · 10:30 · 13:45 · €485.00

Colour

Indigo ink on warm paper, brand orange reserved for action, lilac for selection, sage for confirmation.

  • Ink#23214F
  • Ink soft#4A4670
  • Muted#6F6A8A
  • Paper#FAF7F1
  • Surface#FFFFFF
  • Line#E6DFD2
  • Action fill#F0992F
  • Action text#A94B0C
  • Selection#6C5DB7
  • Confirmed#2F7D5B
  • Danger#A32B2B
  • Gold#E3B34A

Buttons

Reschedule

Fields

We use this only to send your confirmation and reminders.

Please try again in a moment.

Time slots

The grid the client chooses from. Selected, unavailable and past states are all designed.

Total

Clinic consultation

Thursday 5 November, 09:00

Session
€95.00
VAT
€0.00
Total
€95.00

Continue to payment

Tables

Clinic consultationThursday 5 November, 09:00Total
Clinic consultationThu 5 Nov, 09:00€485.00
Follow-upThu 5 Nov, 14:00€175.00
SupervisionFri 6 Nov, 10:30€250.00

Notices

This is the test installation. The schedule is being prepared, so nothing can be booked here yet. If you need an appointment in the meantime, please get in touch.
We use this only to send your confirmation and reminders.
Test environment — payments are simulated and nothing is charged.
The page you were looking for does not exist or has moved.

Empty state

Booking is not open yet

No times available for this session yet.