Theme Elements

Complete showcase of all UI components, forms, typography, and design elements in the Pharos AI theme.

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text Elements

Regular paragraph text with normal weight and standard line height.

Bold paragraph text for emphasis and important information.

Italic text for quotes, citations, and subtle emphasis.

Underlined text for links and special highlighting.

Small text for captions, metadata, and supplementary information.

Extra small text for fine print and legal notices.

Gradient Text

Pharos AI Innovation

Healthcare Revolution

Illuminating the Future

Harnessing the power of AI to transform diagnostics and patient care.

Buttons

Primary Buttons

Secondary Buttons


Icon Buttons

Form Elements

Input Fields

Select & Textarea

Click to upload or drag and drop
Supports: JPG, PNG, PDF (Max 10MB)

Checkboxes

Radio Buttons

Cards & Boxes

Basic Card

Simple card with glass effect background and rounded corners for content display.

AI Innovation

Card featuring an icon header with gradient background for visual emphasis.

Security

Interactive card with hover effects and inline icons for feature highlights.

HIPAA Compliant
95%
Accuracy Rate
Statistical display card with large gradient numbers.
Dr. Sarah Chen
Chief Medical Officer
Team member profile card with avatar and role information.
News
Latest Updates
Article card with header image and category tag.

Alerts & Notifications

Success

Your data has been successfully processed and analyzed.

Warning

Please review the diagnostic results before proceeding.

Error

Unable to process the medical image. Please try again.

Information

System maintenance scheduled for tonight at 2:00 AM EST.

AI Analysis Complete

Neural network has identified potential anomalies for review.

Toast Notifications

Progress & Loading

Progress Bars

AI Training Progress 75%
Data Processing 60%
Model Validation 90%

Loading Indicators

Spinner

Dots

Pulse

Status Indicators

System Online
Processing
Error
Offline

Tables & Data

Data Table

Patient ID Diagnosis Confidence Status Actions
#12345 Early-stage adenocarcinoma 97% Confirmed
#12346 Benign nodule 94% Review
#12347 Normal tissue 99% Normal

Modals & Overlays

Modal Triggers

Navigation Elements

Breadcrumbs

  1. Home
  3. Diagnostics
  5. Results

Pagination

Showing 1-10 of 247 results

Default Size

Small Size

Large Size

With Disabled States

Tabs

System Overview

This tab displays a comprehensive overview of the Pharos AI diagnostic system, including current status, recent activity, and key performance metrics.

1,247
Active Patients
98.5%
System Uptime
432
Diagnoses Today

Diagnostic Results

View and analyze recent diagnostic results from the AI system, including confidence scores and detailed findings.

Patient #12345
Early-stage adenocarcinoma detected
97% Confidence
Patient #12346
Normal tissue, no anomalies
99% Confidence
Patient #12347
Benign nodule identified
94% Confidence

AI Analysis Engine

Deep learning model performance metrics and analysis capabilities of the Pharos AI system.

Model Performance
Accuracy 96.8%
Sensitivity 94.2%
Specificity 98.1%
Processing Speed
Average Time 2.3s
Peak Load 150 scans/min
Queue Length 12 pending

Generated Reports

Access comprehensive reports and documentation generated by the AI diagnostic system.

Weekly Summary Report
Generated on June 27, 2025
Performance Analytics
Model accuracy trends
Compliance Report
HIPAA and regulatory compliance