Cards
Premium card patterns, dashboard stats, image blocks, and header action controls inspired by Tabler and Hyper design systems.
1,482
+4.5%Registrations this calendar month
45
-2.1%Outpatient clinical scheduling
12
ActiveSurgical theater bookings
$58,240
+12%Billing and dental insurance clearances
Standard Card Structure
Featuring standard header, subtitle, body, and footer borders
This card layout demonstrates a standard layout schema. We configure border alignments and typographic weights precisely to remain clean and readable, whether in light or dark mode.
Card Actions
Aligned actions on the right corner of card headers
This widget showcases header actions, perfect for settings, options, or data exports. Using clean icon-only ghost buttons keeps the header visually balanced and clean.
Card Status Stripes
Top or side colored status indicators inspired by Tabler theme
Status stripes are colored borders that instantly signal priority or category without modifying background card values.
Clinical Case Registry
Top Clinical Blue stripe
Pharmacy Dispatch
Top Pharmacy Green stripe
Cardiology Critical
Start Cardiology Red stripe
Neurology Unit
Start Neurology Purple stripe
Interactive & Hoverable Cards
Cards that lift and elevate on mouseover to improve engagement
General Examination Room
Hover to see transition lifting effect.
Biochemistry Laboratory
Hover to check shadow elevation changes.
Dr. Marcus Henderson
Senior Cardiologist, MD
Surgical Ward Annex 4B
Modern intensive post-operative ward with digital vitals tracker and automated nurse response panels.
24/7 Cardiology Help desk & Helpline
Direct secure connection line for registered clinical staff to transmit real-time patient telemetry to standby cardiologists.