Components

Every component below is exported from the system and built only from its tokens. Variants exist for the cases the brand actually has — not one for every colour.

Button

Teal only. Purple is a risk signal and never a button fill.

Variants

Sizes and states

Show code

<Button variant="secondary" size="lg">Find a Provider</Button>

Badge

Elevated riskIn progressPancreatic Cancer TestDraftLDT

risk · action · accent · neutral · outline

Card

Flat by default; risk and navy carry reverse type.

Provider resources

Ordering guides, sample requirements, and billing.

Everything a practice needs before the first specimen ships.

Who should consider testing

Adults 50+ with a Purple Flag risk factor.

Sample requirements

Two 10 mL Streck tubes
Ship same day, ambient
Requisition signed by the ordering provider

Forms

Twelve-unit tall controls, 8px radius, teal focus ring.

First name

Last name

Practice type

Enter a valid work email address.

Clinical context

Optional. Shared only with the ordering support team.

I confirm I am a licensed healthcare provider.

Stat rail and ring figure

Distant-stage 5-year survival

44%

Localized 5-year survival

Distant pancreatic cancer

44%

Localised pancreatic cancer

Purple Flag card

Family History

A first-degree relative with pancreatic cancer.

Relative Risk: 4x – 9x^8,9

Genetic Predisposition

BRCA1/2, ATM, Lynch syndrome and related variants.

Relative Risk: 5x – 132x¹⁰

New-Onset Diabetes

First diagnosed after age 50.

Relative Risk: 6x – 8x¹¹

Step row

Step 01Request a collection kit

Step 02Collect and ship the sample

Step 03Results delivered in 14 days

Hero

Two registers: brand gradient and soft lavender.

Pancreatic Cancer Test

Earlier answers, sooner

For healthcare providers

Ordering, billing, and interpretation support in one place.

Logo and brand mark

Two lockups, two variants. On purple, navy, or gradient the reverse (white) variant is mandatory.

Brand mark band

The chromosome band is the primary background graphic on hero surfaces. Used once, behind empty space, in the surface's reverse colour.

DNA motif

Secondary texture, used once per graphic and only where the brand mark band does not fit. Never tiled, never full bleed.

Navigation and footer

For Healthcare Providers