primary
#005eb8
Health service identity
Book and manage health appointments safely.
Use this service interface when users need clear health tasks, visible focus, recoverable forms, and trustworthy status communication.
Color Palette
Blue creates service recognition, green marks primary action, red marks error or urgent status, and yellow is reserved for unmistakable focus.
action
#007f3b
Continue and submit
focus
#ffeb3b
Keyboard focus only
error
#d5281b
Validation failure
ink
#212b32
Primary text
muted
#4c6272
Hints and borders
page
#f0f4f5
Clinical grey floor
hairline
#d8dde0
Panel separators
Typography
Large body text and plain headings make health tasks easier to understand under stress and on small screens.
Your care record
Check your answers before sending
Use short sentences, visible labels, and direct instructions. Do not shrink health copy to fit more tasks on one screen.
Components
The component set supports routes, recovery, warnings, and mobile service navigation.
For example, 31 3 1980
31 03 1980
There is a problem
Urgent advice
If symptoms get worse, use urgent care advice before travelling.
Responsive Layout and Spacing
The layout starts as a single-column service journey and only adds supporting columns when they reduce confusion.
unit-28px
unit-316px
unit-424px
unit-532px
unit-640px
320pxMinimum mobile service layout.
641pxTablet spacing and typography increase.
990pxMaximum content container.
HubGroup health service routes.
StepOne question or action per page.
ReviewCheck answers before submit.