Healthcare · Product · Case study
Care that keeps up with you. Calm and legible. AAA contrast on body text, an 18px base, 48px touch targets, and colour that never carries meaning on its own.
People open healthcare software on their worst day, on an old phone, in a corridor with one bar of signal. Bloom was built to see how much of a design system falls out of taking that seriously as the primary case rather than the edge case.
The higher bar changed the palette rather than the other way round. Several colours that looked right had to go, which is the point, accessibility as a constraint you design inside, not a check you run at the end.
Two pixels of body copy and a larger tap target do not sound like brand decisions. On this product they are the brand decision, and every other spacing value follows from them.
Status is a word and a shape as well as a colour, throughout. It also means the system survives being printed, screenshotted, or read by someone who does not see the accent.
Public Sans Variable. A 8px grid and 220ms motion.
The calmest layout of the six: wide measure, generous vertical rhythm, and motion capped at 220ms. Numbered steps use a filled circle rather than a hairline outline because outlined numerals fail at small sizes for exactly the readers this product is for.
Designing to AAA made the whole thing look better, not worse. The constraint removed the low-contrast greys that every interface reaches for by default, and nothing was lost.
Screens
I design brand systems that hold up from the logo to the last screen.
Nothing matches that. Try “fintech”, “offline” or “brand”.