Screenshot of Medwest

Medwest

medwest.plus/

a clinical-but-warm physiotherapy site built on one confident teal (#00A09A), oversized outlined display headlines laid over duotone black-and-white treatment photography, with GSAP-driven reveals on a long, soft easing curve.

Health Physio Rehab niche

Design tokens

teal
teal-soft
black
ink
ink-deep
white
grey-100
grey-200
lilac-grey
olive
display
ShapiroPro
body
KelptSans
mono
none

Do / Don't

Reference it for

  • One-colour brand discipline: a single confident teal (#00A09A) carrying the whole identity over neutral grounds and duotone photography.
  • Oversized outlined display titles (up to 148px) as a graphic device for a local health business that wants presence without clutter.
  • Duotone black-and-white treatment photography as a way to make clinical work look considered and human.
  • A long, calm easing curve (cubic-bezier(0.17,0.96,0.27,1)) for entrances that feel reassuring rather than flashy.

Do not copy

  • The translucent wordmark-over-photo hero is tuned to Medwest's teal and its own imagery; borrow the technique, not the exact colour wash.
  • KelptSans and ShapiroPro are licensed; map to a similar geometric sans plus a heavier display sans.
  • The German UI labels and the WordPress plugin residue (Bootstrap-derived custom properties, FontAwesome spinner keyframes) are incidental, not part of the reference quality.

Signature moves

single-teal one-colour discipline

a single confident teal (#00A09A) carries the whole identity over neutral grounds and duotone photography, no second brand colour.

oversized outlined display over duotone photography

oversized outlined display titles (up to 148px) sit over duotone black-and-white treatment photography, giving presence without clutter.

long calm reassuring easing

entrances run on a long, calm easing curve (cubic-bezier(0.17,0.96,0.27,1)) that feels reassuring rather than flashy, with ease-out as fallback.