Design patterns and standards for digital health, annotated and organised.

Annotated breakdowns, curated resources, and regulatory context. Design patterns reviewed against real standards. A licence-checked and organised resource library for anyone working in health tech.

54 Curated resources
15 Design breakdowns
12 Design principles
Featured
① Colour bar only

Morning alert queue

Patient 04 - Home blood pressure
178/102 mmHg
Patient 11 - Glucose
62 mg/dL
Patient 22 - SpO2
94%
Patient 30 - Weight change (24h)
+2.3 kg
② Colour + shape + word

Morning alert queue

Patient 04 - Home blood pressure
178/102 mmHg
Urgent
Patient 11 - Glucose
62 mg/dL
Low
Patient 22 - SpO2
94%
Within range
Patient 30 - Weight change (24h)
+2.3 kg
Urgent

Click a number to read the decision.

  1. Every high-priority row pairs its red bar with an upward-triangle icon and the word "Urgent", not the colour alone.

    the criterion requires a non-colour cue wherever colour is the only thing conveying the alert's meaning.

    WCAG 2.2 SC 1.4.1 Use of Color

  2. A low-threshold breach (a glucose reading under range) uses a downward triangle and the word "Low", a different shape than the urgent icon, not just a lighter amber.

    two alert types that only differ by shade of the same hue remain indistinguishable to many colour-blind readers.

    WCAG 2.2 SC 1.4.1

  3. A borderline reading inside the normal range still carries a neutral icon and the word "Within range", instead of simply having no marker.

    an unmarked row gives no positive confirmation that the reading was checked and found fine, only the absence of a cue the reader may not reliably perceive.

    WCAG 2.2 SC 1.4.1

  4. The raw reading (178/102 mmHg, 62 mg/dL) stays printed at full size on every row, not replaced by the urgency word alone.

    the badge answers whether a row needs attention now; the number is what the clinician needs to actually assess and act on it.

    Clinical usability - RPM alert design

WCAG 2.2 · SC 1.4.1

RPM alert card

An alert queue that only turns a row red doesn't tell a colour-blind clinician which patient needs attention first.

Read the full breakdown →