P
UI Design System Pulse

Component Showcase

UI Design System Β· v1.0 Β· Pulse Theme

Colours & Tokens

Module Primary Colours

Pulse
#0d9488

TRACK
#4f46e5

Security
#2563eb

Finance
#16a34a

Reports
#ea580c

Doc Mgr
#475569

Semantic System Colours

Success

Warning

Danger

Info

Secondary

Typography

Heading 1 β€” 2.25rem / 700

Heading 2 β€” 1.875rem / 700

Heading 3 β€” 1.5rem / 600

Heading 4 β€” 1.25rem / 600

Heading 5 β€” 1.125rem / 600
Heading 6 β€” 1rem / 600

Body text β€” 1rem / 400. The quick brown fox jumps over the lazy dog.

Small text β€” 0.875rem. Used for secondary information.

Extra small / caption β€” 0.75rem. Used for labels, timestamps, metadata.

Buttons

Solid

Outline & Ghost

Sizes

Badges

Active Pending Overdue Info Primary Secondary
Active Pending Overdue
Primary Success Danger Admin Read Only

Alerts

βœ“

Success

Patient record saved successfully.

⚠

Warning

This action cannot be undone. Please review before continuing.

βœ•

Error

Failed to connect to server. Please try again.

β„Ή

Information

The system will be under maintenance on Sunday 2–4 AM.

Cards & Widgets

Total Patients

1,842

β–² 12% this month
πŸ₯

Open Tasks

47

β–Ό 3 since yesterday
βœ“

Monthly Revenue

$94.2K

β–² 8.4%
$

Staff Active

23

β€” No change
πŸ‘€

Activity Feed

Recent system events

  • JD

    Jane Doe updated patient record #4821.

    2 minutes ago

  • MS

    Mark Smith approved leave request for W. Johnson.

    14 minutes ago

  • SY

    System generated monthly billing report.

    1 hour ago

Forms

Sample Form

Maximum 500 characters.

Tables

Patient Date of Birth Provider Status Last Visit
Adams, Michael1978-03-14Dr. PatelActive2025-11-20
Brown, Sarah1990-07-22Dr. KimPending2025-10-05
Chen, Linda1965-01-08Dr. PatelActive2025-11-15
Diaz, Carlos1982-09-30Dr. HassanInactive2024-06-12
Evans, Patricia1955-12-01Dr. KimActive2025-11-01
Flores, James2001-04-17Dr. PatelActive2025-09-28
Garcia, Maria1973-06-25Dr. HassanPending2025-11-10
Harris, Robert1988-11-03Dr. KimActive2025-10-22

Modals

Toast Notifications