Halcyon Health

CONCEPT / 2026

Halcyon homepage on desktop and mobile: the serif headline “Longevity isn't luck. It's a protocol.” beside a field of pale sage dashes, on a light grey background.
Halcyon homepage on desktop and mobile: the serif headline “Longevity isn't luck. It's a protocol.” beside a field of pale sage dashes, on a light grey background.

SCOPE

web design

framer development

motion design

branding

SCOPE

web design

framer development

motion design

branding

INDUSTRIES

health tech

HIGHLIGHT

a brand carried by type alone, no color to lean on

LIVE

view live

→

02

/ 04

Halcyon homepage on desktop and mobile: the serif headline “Longevity isn't luck. It's a protocol.” beside a field of pale sage dashes, on a light grey background.

ABOUT

Halcyon Health is a concept for a preventive health membership in San Francisco: baseline panel, continuous monitoring, clinical interpretation by a named team. The brief came with one constraint, no color, so typography and layout carry the entire brand. Built in Framer in under a week.

ABOUT

Halcyon Health is a concept for a preventive health membership in San Francisco: baseline panel, continuous monitoring, clinical interpretation by a named team. The brief came with one constraint, no color, so typography and layout carry the entire brand. Built in Framer in under a week.

CHALLENGES

The category has two defaults. Clinical white that reads like an audit, or wellness pastel with nothing behind it. Halcyon is a program you apply to and wait for, so it had to read trusted and still human, with no color available to signal either.

Instrument Serif and Instrument Sans split the work. Serif carries the statements, sans carries biomarkers, phases and labels. Scale and spacing do what color usually does, the states are drawn with rules and frames instead of green and red. Layout was the hard part: five phases, four outcome figures and a clinical team, all in one read from the hero to the application form.

CHALLENGES

The category has two defaults. Clinical white that reads like an audit, or wellness pastel with nothing behind it. Halcyon is a program you apply to and wait for, so it had to read trusted and still human, with no color available to signal either.

Instrument Serif and Instrument Sans split the work. Serif carries the statements, sans carries biomarkers, phases and labels. Scale and spacing do what color usually does, the states are drawn with rules and frames instead of green and red. Layout was the hard part: five phases, four outcome figures and a clinical team, all in one read from the hero to the application form.

Three long strips of the Halcyon homepage side by side on a light grey background: the hero, philosophy and five phases; the results and clinical team; the membership call to action and footer.

homepage, full scroll

Close-up of a Halcyon outcome figure: 94% in Instrument Serif above the line “of members report measurable improvement in at least three biomarker categories within 6 months.”

outcome figures, set in serif

Halcyon clinician profile card: a portrait of Dr. Sarah Okafor, MD, her specialty in internal medicine and preventive health, a short bio and rows for experience, background and specialization, separated by thin rules.

clinical team

Halcyon “Five phases” section on a light grey background: the serif heading “One continuous picture of your health.” with numbered rows for intake and baseline and continuous monitoring.

five phases, one read

Halcyon type pairing: Instrument Serif for statements, figures and phases next to Instrument Sans for biomarkers, labels and body, with the line “Longevity isn't luck. It's a protocol.”

type pairing

Halcyon palette as stacked bands sized by use: ink #0D0F0E background, graphite #1A1D1B buttons and frames, bone #F0EDE8 type, and a thin band of sage #7A9E8A, the one quiet tint.

palette, one quiet tint

Four Halcyon mobile screens in phone frames on a light grey background: the hero, the five phases, the results with the 94% figure, and the clinical team.

mobile views

Three long strips of the Halcyon homepage side by side on a light grey background: the hero, philosophy and five phases; the results and clinical team; the membership call to action and footer.

homepage, full scroll

Close-up of a Halcyon outcome figure: 94% in Instrument Serif above the line “of members report measurable improvement in at least three biomarker categories within 6 months.”

outcome figures, set in serif

Halcyon clinician profile card: a portrait of Dr. Sarah Okafor, MD, her specialty in internal medicine and preventive health, a short bio and rows for experience, background and specialization, separated by thin rules.

clinical team

Halcyon “Five phases” section on a light grey background: the serif heading “One continuous picture of your health.” with numbered rows for intake and baseline and continuous monitoring.

five phases, one read

Halcyon type pairing: Instrument Serif for statements, figures and phases next to Instrument Sans for biomarkers, labels and body, with the line “Longevity isn't luck. It's a protocol.”

type pairing

Halcyon palette as stacked bands sized by use: ink #0D0F0E background, graphite #1A1D1B buttons and frames, bone #F0EDE8 type, and a thin band of sage #7A9E8A, the one quiet tint.

palette, one quiet tint

Four Halcyon mobile screens in phone frames on a light grey background: the hero, the five phases, the results with the 94% figure, and the clinical team.

mobile views