Design System
Buttons
Dark Blue
- Hex: #051c2c
- RGB: (5, 28, 44)
Light Blue
- Hex: #017ecf
- RGB: (1, 126, 207) ⚠ 4.29
Dark Teal
- Hex: #05b1a8
- RGB: (5, 177, 168)
Light Teal
- Hex: #18efe4
- RGB: (24, 239, 228)
Extralight Gray
- Hex: #f5f5f7
- RGB: (245, 245, 247)
White
- Hex: #ffffff
- RGB: (255, 255, 255)
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
- --text-highlight--teal-dark
Elements
- List item
- List item
- List item
Block Quote
Buttons
Components
Flip Card
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
Nunc ut sem vitae risus tristique posuere.
Heading
Nunc ut sem vitae risus tristique posuere.
Heading
Nunc ut sem vitae risus tristique posuere.
For care teams responsible for managing follow-up at scale, the question is not whether AI can identify findings, but whether it can do so in a way that integrates cleanly into workflows without increasing cognitive or operational load.
<div class="color-box p-56-m20 bg-teal-light text-center">
<p class="text-lg">For care teams responsible for managing follow-up at scale, the question is not whether AI can identify findings, but whether it can do so in a way that integrates cleanly into workflows without increasing cognitive or operational load.</p>
</div>
In clinical settings, trust is shaped less by what an AI system claims to do and more by how it behaves once deployed
<div class="color-box p-56-m20 bg-teal-light text-center">
<p class="text-lg">In clinical settings, trust is shaped less by what an AI system claims to do and more by <span class="text-highlight teal-dark">how it behaves once deployed</span></p>
</div>