appointments · Phase 23
hero.title
A multi-provider clinic where appointment types, departments, providers and availability are all configuration rather than bespoke code.
Visual direction
Modern healthcare clinic.
- White
- Soft blue
- Teal
- Calm neutral
Appointment types, departments, providers and availability are all configuration. No unnecessary medical-record functionality.
- Department
- Provider
- Appointment type
- Date
- Time
The experience itself is not built yet. What you are looking at is the foundation proving it out: the business configuration, the feature set it turns on, the vocabulary it uses, and the theme applied to this route. A clinic patient is called that here, and only here. This page is served in EN, one of the 3 locales this business supports.
Enabled capabilities
22 features this business turns on. Anything absent is never rendered.
- Catalog
- Services
- Commerce
- DepositsPayments
- Scheduling
- AppointmentsBookingsAvailabilityCalendarRescheduleRemindersWaitlist
- Resources
- ProvidersRooms
- Operations
- Documents
- Account
- ReviewsAuthAccountProfileNotificationsMessaging
- Content
- StoryTeamFAQ
Vocabulary
The shared foundation, relabelled. Each row shows the shared default and what this business calls it instead.
- Customer
- Patient
- Customers
- Patients
- Provider
- Clinician
- Providers
- Clinicians
- Service
- Department
- Services
- Departments
- Booking
- Appointment
- Bookings
- Appointments
- Collection
- Appointment type
Design tokens
light mode. This page is already rendering in the business palette.
Mode
- mode
- light
- domain
- Appointments
Colors
background
surface
surfaceAlt
border
textMuted
text
primary
secondary
accent
- background
- #f7f9fc
- surface
- #ffffff
- surfaceAlt
- #eaeff7
- border
- #CDD9E9
- textMuted
- #5c6a80
- text
- #18212e
- primary
- #14528c
- secondary
- #2b8f96
- accent
- #1a76a8
Typography
- stack
- clinical
- display
- hankenGrotesk
- heading
- hankenGrotesk
- body
- hankenGrotesk
- label
- hankenGrotesk
Spacing, radius, imagery, motion
- space.section
- 5.5rem
- space.gutter
- 1.25rem
- radius.card
- 0.5rem
- radius.control
- 0.375rem
- imagery.ratio
- 3/2
- imagery.treatment
- clinical
- motion.duration
- 200ms
- shadow.card
- inherited