PlumageOur work11 / 13

Cusp Guidelines

A health and longevity app that reads your training, food, sleep, labs and medicines together, in Arabic or English.

Introduction

cusp.bio’s first screen: “Health, moving forward.” among floating health cards and three soft agent characters — Website designed by the founder. cusp.bio, captured 10 November 2026. Visit cusp.bio

cusp.bio’s first screen on a phone — Website designed by the founder. cusp.bio, captured 10 November 2026. Visit cusp.bio

Cusp is a health and longevity app, in beta on iPhone. One record holds your training, food, sleep, wearable data, lab reports and medicines, and Cusp reads them together, in Arabic or English. Every lab marker is read twice, against the lab’s range and a longevity-optimal one. Three agents, Everyday, Clinical and Pro, answer from the same record and show what they read; nothing changes without your tap, and you can share the record with a coach, a doctor or family and take it back. It never diagnoses.

The mark and the website are the founder’s. The mark is redrawn smooth from the site’s own file, not redesigned, and the colour, type and voice are taken from cusp.bio first, so the logo and the site are one brand.

Cusp should feel like the calm friend who has read everything about you and says only what matters this morning. The mark is a curve at the moment it turns, so every surface pairs one honest number with one next step, and leaves the decision to you.

At a glance

Logo

Colours

Mist#F5F6F8
Paper#FFFFFF
Ink#111214

Type

Aa Geist
Aa Fraunces Italic

Line

Health, moving forward.

Brand kit

55 files · 2.7 MB

Download the zip

Wordmark scale

72 px
60 px
48 px
38 px
30 px
24 px
18 px

The mark comes first and the word follows it, at the spacing cusp.bio’s header uses. Use the lockup wherever there is room; the mark alone for the app icon, the profile picture and the favicon. The mark is the indigo-to-amber gradient, running left to right, or one solid colour. In Arabic the order flips: the word, set in Alexandria, reads first from the right.

Mark construction

The lockup keeps the spacing of cusp.bio’s header, measured from a capture at four times its size: the word is set in Geist SemiBold with −0.03 em tracking, its cap height just under the mark’s height. Clear space is x on every side, where x is the height of the mark.

Signature

The gradient mark and the Ink word on Mist, as on cusp.bio. Use it on Mist or Paper.

On Night and other dark grounds the word turns white. The mark doesn’t change.

Three cuts

The markThe founder’s curve with the site’s own gradient. The app icon, the profile picture, the favicon.

One colourInk alone, or white: stamps, totes, one-colour prints.

White on IndigoOn a brand colour the mark goes white, never a second gradient.

Small sizes

Lockup, 72 px wide
Mark, 24 px wide
Mark, 16 px wide

Logo on your background

Ground

Use the dark artwork: 17.3:1 against this ground. Logos need at least 3:1 (WCAG 2, non-text contrast).

Please don’t

Don’t recolour the mark. It is the indigo-to-amber gradient, or one colour.

Don’t stretch or squash the lockup.

Don’t put the mark after the word, except in the Arabic lockup.

Don’t slant or restyle the wordmark.

Don’t fade it or make it see-through.

Don’t add shadows or glows. The gradient is the only effect.

Core palette

Mist

Paper

Ink

Slate

Night

Indigo

Violet

Coral

Amber

Deep

Taken from cusp.bio’s own colour variables: the Mist ground, white cards, Ink, Slate body text and Night, and the four colours of the mark’s gradient, which the site also gives to its agents: Indigo for Everyday, Coral for Clinical, Amber for Pro. Deep is the indigo of the agent and privacy sections. CMYK values are a plain device conversion for reference; proof the gradient before print.

Color proportions

Mist34%

Paper20%

Ink18%

Slate6%

Night6%

Indigo5%

Violet3%

Coral3%

Amber2%

Deep3%

Mist and Paper carry most of every surface and Ink carries the words. The gradient lives in the mark and in one moment per screen.

Readable combinations

AaInk on Mist17.3:1AAA
AaSlate on Mist5.7:1AA
AaInk on Paper18.7:1AAA
AaPaper on Ink18.7:1AAA
AaPaper on Night19.6:1AAA
AaPaper on Indigo10.6:1AAA
AaPaper on Violet5.8:1AA
AaInk on Coral5.6:1AA
AaPaper on Coral3.3:1AA Large
AaInk on Amber8.2:1AAA
AaPaper on Deep15.4:1AAA

White on Coral is for large text only. Small labels on Coral and Amber are set in Ink. Ratios are WCAG 2 contrast, measured on the sRGB values above: AAA from 7:1, AA from 4.5:1, AA Large from 3:1 (large or bold text only).

Check a pairing

Text

Ground

AaMist on Paper

1.0:1Fail

Type system

Health, moving forward.
Everything on cusp.bio: semibold 600 at 88 px with −3.96 px tracking for the hero, 56 px for sections, 19 px body in Slate. By Vercel, SIL Open Font License 1.1. This preview doesn’t load it yet, so the line above falls back to your system’s face.
read twice.
One accent word per headline, as on cusp.bio (“read twice.”, “all of you.”). By Undercase Type, SIL Open Font License 1.1. This preview doesn’t load it yet, so the line above falls back to your system’s face.
الصحة، إلى الأمام
Arabic, as on cusp.bio/ar, where it also sets the word Cusp. By Mohamed Gaber, SIL Open Font License 1.1. This preview doesn’t load it yet, so the line above falls back to your system’s face.

Click any specimen line to try your own words.

Type scale

Base19 px

Ratio

Perfect fourth 1.333

DisplayGeist · 600 · 80px · 4.998rem
Health, moving forward.
Heading 1Geist · 600 · 60px · 3.749rem
Know where you stand before coffee.
Heading 2Geist · 600 · 33.8px · 2.11rem
Your agents read all of you.
Heading 3Geist · 600 · 25.3px · 1.583rem
Strain vs recovery
BodyGeist · 600 · 19px · 1.188rem
Cusp reads your training, food, sleep, labs and meds together, in Arabic or English.
CaptionGeist · 600 · 14.3px · 0.891rem
Every morning

Tone of voice

Cusp speaks as cusp.bio already does: plain, exact and calm, in short sentences, with the reason shown. It never diagnoses and always asks first.

Every number is read against the person’s own baseline and range, every answer names what it read, and every change waits for a tap.

The calm friend who has read everything

One honest number, one next step, and the decision left to you. Health is serious, so the voice stays quiet and the facts stay exact.

Measured against you

Every number is read against your own baseline and range, and says so.

Say	Avoid
Recovery 58%, under your usual 71%. Keep today easy.	Your recovery is BAD. Rest now!
Inside the lab’s range, above optimal.	Optimise your biomarkers and live forever.

Show what it read

Answers name their sources: the nights, the panels, the trials.

Say	Avoid
Ferritin is below optimal. Raise it with your doctor on Thursday.	You may have iron deficiency anaemia.

You decide

Cusp proposes and asks. Nothing changes without your tap, and sharing ends when you say.

Say	Avoid
Move magnesium to 9:00 pm? Not now / Confirm	We’ve updated your plan for you.

Bus shelter

cusp.bio’s own line in Ink on Mist, the lockup below it, on a calm morning street.

The Cusp lockup on the white wall above a light oak clinic reception desk — Cusp for clinics: the lockup on the reception wall, nothing else.

A hand holding a phone showing cusp.bio’s mobile site over a kitchen counter in the morning — The founder’s own mobile site, before coffee.

Pattern: rolling hills

The Cusp mark repeated in a pale tint on Mist, one in its gradient

The mark repeated in the palest tint on Mist, one in its gradient: the one number that moved today. As a device, the mark rises from a flat line where a number turns the right way.

A white mug with the gradient Cusp mark on a linen tablecloth at breakfast — Know where you stand before coffee: the mark alone on a breakfast mug.

A white folder with the Cusp lockup on a doctor’s desk beside a stethoscope — The record, printed for a visit, on the doctor’s desk.

Tote

One colour, Ink, on canvas.

Website

The founder’s landing page for Cusp, section by section as it stands on cusp.bio. A section that moves on the site plays here as a short loop; sections that move as you scroll play as a scroll through them; the rest are stills.

Website designed by the founder. cusp.bio, captured 10 November 2026.