Nina & Salo - Patient Pre-Visit
Environment Configuration:
USE_MOCKS: checking...
MSW Status: pending...
Quiz Templates: loading...
Design System Demo
Shared Design System
This patient link app uses the same design tokens as the doctor portal, ensuring consistent styling across all Nina & Salo applications.
✓ QA: Primary/Secondary/Accent Distinction
Primary
Brand color - Dark blue
Secondary
Subtle - Light blue/gray
Accent
Highlight - Light blue/gray
✓ QA: Badge Variants (Should Match /web)
Primary BadgeSecondary BadgeDestructive BadgeMuted Badge
✓ QA: Category Colors from tokens.brand
Reflux (hsl(28, 95%, 70%))Diabetes (hsl(140, 65%, 55%))Anxiety (hsl(230, 90%, 75%))
✓ Chips use category from tokens.brand
Modern UI Effects
Glassmorphism creates a modern, layered visual hierarchy perfect for patient-facing interfaces.