Spectra Health
Style guide
Threshold design system. Red and green are reserved for clinical result states only.
Colors
primary
#0F766E
primary-dark
#115E59
accent
#F59E0B
foreground (text)
#1E293B
background
#F8FAFC
card (surface)
#FFFFFF
border
#E2E8F0
flag (clinical only)
#DC2626
clear (clinical only)
#16A34A
Typography
Display — 36/40
Heading — 24/32
Body — 16/24. The quick brown fox jumps over 1,234,567.89 lazy dogs.
Caption — 14/20. Tabular numerals: 0123456789.
Buttons
Primary
Secondary
Outline
Ghost
Disabled
Result cards
Cleared
Depression (PHQ-9)
Score 3 — minimal. No flags.
Flagged
Depression (PHQ-9)
Score 17 — moderately severe. Suicidality item endorsed.