Style guide
Colours, lines, type, motion, pictograms and components. Each maps to a reusable style or component.
Colour
- White#FFFFFFBackground
- Floor#ECEDEAAlternate sections
- Black#0B0C0DText, buttons, footer
- Sign#0B3D91Signage panels, focus
- Muted#55595ESecondary text
- Rule#D4D6D2Lines and borders
Lines
Each specialty gets a colour and a number. The number makes the line readable without seeing the colour. The text colour on each line passes AA.
- 1Cardiology#D7282F
- 2Paediatrics#F2B705
- 3Dermatology#00865A
- 4Orthopaedics#1F6FD1
- 5Gynaecology#C2187A
- 6Ophthalmology#F26B1D
- 7Neurology#6E3FA3
- 8Digestive health#00A3A1
Type
One family, Overpass, 400 to 900. No italics. Sizes: desktop / tablet / phone.
Eight lines
Follow your line
Cardiology
Tests, results and a plan in the same morning.
Most first visits end with an answer, not with another appointment.
Floor 2, rooms 201–206
Motion
Appear0.7 s · y 24 · blur 6
Headlines come in line by line
Pictograms
- lift
- stairs
- wc
- access
- info
- lab
- imaging
- cafe
- pharmacy
- metro
- tram
- train
- bus
- parking
- desk