SourceDox Demo

Clinical Trial Management System with AI-Powered Protocol Setup

Multi-study, multi-site clinical trial management platform

Featuring CTM, CDM, PI, and CRA personas with AI chat integration

SourceDox Design Token System

Demonstrating all design tokens from the style guide in action.

Color System

Primary Blues

50
primary-50
100
primary-100
200
primary-200
300
primary-300
400
primary-400
500
primary-500
600
primary-600
700
primary-700
800
primary-800
900
primary-900

Accent Cyan

50
accent-50
100
accent-100
200
accent-200
300
accent-300
400
accent-400
500
accent-500
600
accent-600
700
accent-700
800
accent-800
900
accent-900

Status Colors

Success
success
Warning
warning
Error
error
Info
info

Typography System

Heading 1 - Teko Bold 36px

Heading 2 - Teko Bold 30px

Heading 3 - Barlow Condensed Semibold 24px

Large body text - Barlow Condensed 18px with relaxed line height.

Base body text - Barlow Condensed 16px with normal line height.

Small text - Barlow Condensed 14px for supporting information.

Spacing System (8px Grid)

space-1
4px
space-2
8px
space-4
16px
space-6
24px
space-8
32px
space-12
48px
space-16
64px

Component Examples