made pulseflow actually look like medical software

so basically before all of this, the entire app looked like a mess of dark neon video game stuff. basically it was a mess of glowing things, random gradients, and felt more like a game then a hospital platform. instead of just redesigning it, i made a design.md file first and actually looked into references like hipaa, fda title 21 cfr part 11, and wcag 2.1. pretty much every design choice came from those

what actually changed

• got rid of all the glow, gradients, and unnecessary animations nurses are already tired during long shifts. they need to read information fast, not watch things moving around. everything respects prefers-reduced-motion now

• phi is masked by default patient names, dobs, mrns, and other sensitive info all go through a privacymask component and stay hidden until a clinician chooses to reveal them. keeps patient data safe

• added a visible auto-logout timer the session timeout is always shown in the top bar so clinicians know exactly how much time is left before they’re logged out automatically to protect patient data

• status is never just color anymore every status uses an icon, text label, and color together, so it’s still easy to understand

• redesigned critical alerts instead of giant glowing red warnings, they’re now banners that clearly explain what’s wrong without being distracting

• added dark mode everything works in both light and dark mode without changing how the interface feels.

the annoying part

• dark mode looked terrible a lot of the status cards were hardcoded with light colors like bg-amber-50, so they ended up looking like pale cream boxes sitting on dark background

• ended up reworking the entire color system instead of hardcoding colors, i moved every color to css variable tokens (safe, flag, crit) so each one automatically changes between light and dark mode. that ended up being 213 replacements across the whole project (it was a LOTTT of work)

• picked better colors. i went with warm off-white and warm charcoal instead of pure white and pure black so it doesn’t hurt your eyes