Design System

Buttons
Dark Blue
--blue-dark
Hex: #051c2c
RGB: (5, 28, 44)
17.37
Light Blue
--blue-light
Hex: #017ecf
RGB: (1, 126, 207)
⚠ 4.29
Dark Teal
--teal-dark
Hex: #05b1a8
RGB: (5, 177, 168)
6.5
Light Teal
--teal-dark
Hex: #18efe4
RGB: (24, 239, 228)
11.99
Extralight Gray
--gray-extralight
Hex: #f5f5f7
RGB: (245, 245, 247)
15.95
White
--white
Hex: #ffffff
RGB: (255, 255, 255)
17.37
Typography
Headers

Header 1 / H1

Header 2 / H2

Header 3 / H3

Header 4 / H4

Header 5 / H5
Header 6 / H6
Paragraphs

Paragraph 1 / P1

Paragraph 2 / P2

Paragraph 3 / P3

Paragraph 4 / P4

Weights
--weight-400
--weight-500
--weight-700
Styles
--strong
--text-numbers
--text-dark-blue
--text-gray
--text-dark-teal
--text-teal
--text-white
--text-highlight
--text-highlight--yellow
Elements
Link
  • List item
  • List item
  • List item
Block Quote
Buttons
Primary
Disabled
Small
Primary Dark
Disabled
Small
Secondary
Disabled
Small
Ghost
Disabled
Small
Ghost Dark
Disabled
Small
Components
Flip Card
Teal icon of a hospital
Diagnose and Treat Earlier
"We identified 90 pancreatic cancers. 55% were earlier-stage, non-metastatic — higher than historical controls.”
Russell Langan, MD,
FACS, FSSO Associate Chief Surgical Officer
RWJBarnabas Health
Color Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Color Box

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Nunc ut sem vitae risus tristique posuere.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Nunc ut sem vitae risus tristique posuere.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Nunc ut sem vitae risus tristique posuere.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet.

Nunc ut sem vitae risus tristique posuere.

PRECISION IDENTIFICATION™

Clinical intelligence you can act on immediately

SMART VALIDATION™

Turn AI from human supervision to trustworthy automation

Learn More
INTELLIGENT CARE PLANS

Evidence-based follow-up recommendations, instantly delivered

FOLLOW-UP LISTENER™

Dynamic follow-up that adapts to the unexpected

ANALYTICS & REPORTING

Capture the insights that drive better care