VITALS

Health × B2B SaaS — Design System Specimen

01 — Philosophy

Clinical precision meets modern SaaS clarity

Vitals draws from the visual language of clinical environments — clean surfaces, diagnostic grids, vital-sign readouts, and EKG rhythms — to create a design system that communicates trust, precision, and reliability. Every element is designed to feel authoritative without being cold, approachable without sacrificing professionalism.

The system uses General Sans for structured headings and Satoshi for readable body text. The palette centers on Medical Blue for authority, Vital Green for positive status, Alert Red for urgency, and Clinical White for breathable space. Dot-grid backgrounds and EKG-line dividers reinforce the healthcare context throughout.

02 — Color Palette, Patterns & Textures
Clinical White#F8FAFB
Medical Blue#1565C0
Vital Green#2E7D32
Alert Red#C62828
Warm Gray#607D8B
Clinical Dot Grid
Clinical Dot Grid — Wide
Chart Grid Lines
03 — Typography
48 / Bold
General Sans
Clinical Precision
36 / SemiBold
General Sans
Patient-First Design
28 / SemiBold
General Sans
Diagnostic Dashboard
22 / Medium
General Sans
Health data at a glance
18 / Regular
Satoshi
Body text for feature descriptions and key information.
16 / Regular
Satoshi
Standard body text for paragraphs. Clean readability for clinical content.
14 / Regular
Satoshi
Small text for captions, metadata, and secondary information.
04 — Layout & Spacing
4px — xs
8px — sm
16px — md
24px — lg
32px — xl
48px — 2xl
64px — 3xl
96px — 4xl
05 — Iconography
Heart / Vitals
Add / Create
Medical
🔒
Security
Edit
🔍
Search
06 — Imagery & Media
DASHBOARD SCREENSHOT — 16:9
Product screenshots use the clinical dot-grid overlay on light backgrounds.
AVATAR / ICON — 1:1
Profile images are clipped to circles with a Medical Blue border.
Inline data visualizations use brand-color strokes on white backgrounds. EKG-style line charts reinforce the health monitoring theme.
07 — Navigation
08 — Inputs
09 — Actions
10 — Feedback
Your platform trial expires in 14 days. Upgrade to continue access.
Patient record saved successfully. All fields validated.
API response time exceeding threshold. Monitor performance.
HIPAA audit failed. Immediate review required for compliance.
11 — Content Blocks
"VitalsHQ reduced our patient data reconciliation time by 78%. The clinical precision of their analytics engine is unmatched in the industry."
Dr. Sarah Chen, MD, MPH — Chief Medical Information Officer, Regional Health Network
78%

Faster Data Reconciliation

Healthcare organizations using VitalsHQ report significantly reduced patient data reconciliation times, freeing clinical staff to focus on patient care.

12 — Data Display
99.9%
Uptime SLA
Platform reliability
2.4K
Organizations
Active deployments
<50ms
Response Time
API latency P95
12M
Patient Records
Processed monthly
HIPAA Compliant SOC 2 Type II Critical Alert Pending Review
🛡
HIPAA CompliantFull audit certification
🔒
SOC 2 Type IIAnnual third-party audit
HITRUST CSFCertified framework
13 — Context Components
HIPAA Compliant · SOC 2 Certified

Healthcare data infrastructure built for precision

Unified patient analytics, real-time monitoring, and clinical decision support trusted by 2,400+ healthcare organizations.

Patient Monitoring

Real-time vital sign tracking with configurable alert thresholds and automated escalation workflows.

Clinical Analytics

Evidence-based insights from aggregated patient data with built-in statistical significance testing.

Compliance Engine

Automated HIPAA audit trails, consent management, and regulatory reporting in a single dashboard.

MAYO HEALTH
CEDARS HQ
KAISER SYS
MOUNT RX
JOHNS MED
Clinic
$299/mo
For small practices and clinics
  • Up to 500 patient records
  • Basic vital monitoring
  • Email support
  • HIPAA compliance tools
Get Started
Enterprise
Custom
For large health networks
  • Multi-facility deployment
  • Dedicated success team
  • Custom SLA
  • On-premise options
  • Advanced compliance
Contact Sales

Ready to transform your health data?

Join 2,400+ healthcare organizations building better patient outcomes with VitalsHQ.