Oral ProDental Analytics
Oral ProDental Analytics

Design System & Component Library

01. Color Palette
#0D9488Primary Teal
#F8FAFCBackground
#FFFFFFSurface
#0F172AHeading
02. Inter Typography Specification

Heading 1

Inter Bold / 30px / 1.2lh

Heading 2

Inter Bold / 20px / 1.4lh

Standard body text for UI elements.

Inter Regular / 16px / 1.6lh

Caption and metadata styles.

Inter Medium / 12px / 1.5lh
03. Interactive Elements
Toggles
Checkboxes
Radio Buttons
Input State Variations

Field is required

Textareas
04. Buttons & Actions
05. Badges
DefaultSecondaryOutlineDestructive
07. Cards
Card Title
Card description with additional context.

This is the card content area.

Card with Action
Card description with additional context.

This is the card content area.

08. Dropdown Menu
09. Tooltips
10. Skeleton Loaders
Text skeleton
Avatar skeleton
Card skeleton
11. Tables
PatientTreatmentDateStatus
Emma WilsonCrown PrepOct 05Completed
James RodriguezCleaningOct 05In Progress
Sophia ChenConsultationOct 04Pending
13. Dialogs
14. Tabs
Account
Make changes to your account here.
15. Selects
16. Toast Notifications
Oral ProDental Analytics

Premium Analytics Interface

01. Color Palette
#14B8A6Primary Teal
#0F172ABackground
#1E293BSurface
#F8FAFCHeading
02. Inter Typography Specification

Heading 1

Inter Bold / 30px / 1.2lh

Heading 2

Inter Bold / 20px / 1.4lh

Standard body text for UI elements.

Inter Regular / 16px / 1.6lh
03. Interactive Elements (Dark)
Toggles
Checkboxes
Radio Buttons
Input State Variations

Field is required

Textareas
04. Buttons & Actions
05. User Profile Component
SS

Dr. Sarah Smith

Admin Access

06. Glass Panel Effect

Premium glass panel with backdrop blur effect

12. Dashboard Widgets
KPI Cards
+12.5%

Total Revenue

$0

+5.2%

Active Patients

0

-2.1%

Appointments

0

+8.3%

Growth Rate

0%

Revenue Chart

Revenue Growth

Year over year performance

2023 2022
$94k
JanFebMarAprMayJunJulAugSepOctNovDec
Calendar Widget

October 2023

S
M
T
W
T
F
S
🦷

Root Canal - Michael T.

10:00 AM - 11:30 AM

🧼

Hygiene Check - Sarah J.

1:00 PM - 1:45 PM

Recent Activity Table

Recent Activity

PatientTreatmentDateAmountStatus
EWEmma Wilson
Crown PreparationOct 05, 2023$850.00Completed
JRJames Rodriguez
Routine CleaningOct 05, 2023$120.00In Progress
SCSophia Chen
ConsultationOct 04, 2023$75.00Pending