AboutDesign system

Design system

The analyst’s field ledger

Hypcheck exists to stress-test a claim against evidence, on a schedule, without asking anyone their opinion. Every choice below tries to dramatize that premise: a hypothesis is a written claim, a PMF score is a verdict stamped onto it, and a revision is a copy-edited correction — not a chat bubble. This page is the system that follows from that idea, kept as a living page rather than a static deck so it can’t drift from what actually ships.

01 — Typography

A serif claim, a sans instrument, a mono reading

Three faces doing three different jobs, never interchangeably: Newsreader sets the hypothesis itself — the thing under test — in italics, like a quoted claim. Geist Sans runs the console: labels, nav, buttons. Geist Mono is reserved for anything that's a measurement — scores, dates, token counts — so a number always looks like data, not prose.

Claimdisplay · 2.75rem · Newsreader italic
Enterprise AEs will payheadline · 1.85rem · Newsreader italic
Current PMF scoresubhead · 1.125rem · Geist Sans
Longitudinal signal across your hypotheses.body · 0.9375rem · Geist Sans
71 · Jul 4, 2026 · 12 runsdata · 0.8125rem · Geist Mono
Strong signallabel · 0.6875rem · Geist Sans

02 — Verdict bands

How strong is the signal

Forest, slate teal, brass, and brick — hand-tuned instead of Tailwind's default emerald/teal/amber/rose, and deliberately not reused anywhere else. This is the one scale that answers exactly one question: is the evidence holding up?

strong

≥ 70

promising

55–69

emerging

40–54

weak

< 40

03 — Analyst’s call

What to do about it

A five-step diverging dial, a completely different hue family from the bands above — because 'how strong is the signal' and 'what should you do about it' are different axes and answering one shouldn't visually imply the other.

AccelerateStrong tailwind and an open window — move faster than planned.
AdvanceConditions favor the thesis — proceed and press the advantage.
HoldMixed signal — maintain course and let the next cycles adjudicate.
RepositionHeadwinds or a closing window — adjust the wedge before pressing on.
RetreatStructurally unfavorable — deprioritize or pivot away.

04 — The verdict stamp

A measurement instrument, not a badge

The hero score treatment — a caliper-ring mark rather than a pill or a gauge, because the product's whole idea is a periodic reading, not a one-time grade. Same component at every size, from a table row to a report header.

28Weak signal
Weak signal
47Emerging
Emerging
61Promising
Promising
82Strong signal
Strong signal
28Weak signal
47Emerging
61Promising
82Strong signal
28
47
61
82

05 — Compact reads

Chips, badges, and deltas

Where a stamp is too heavy — table rows, inline mentions — the same band and stance colors resolve down to a pill. Every one of these reads from the exact same token source as the stamp above; nothing is a separate palette.

Strong signalEmergingAnalyst’s call: Accelerate· high convictionOpusSimulated+4.2+2.8

06 — Editorial redline

A hypothesis revision reads like a copy edit

Blue pencil for insertions, red pencil for strikethroughs — the mark-up idiom an editor uses on a manuscript, not a code diff. Deliberately separate tokens from the verdict-band reds and greens: correcting a claim's wording isn't a verdict on it.

Proposed hypothesis revision

B2BEnterprise salesAEs teamsrunning complex, multi-stakeholder deals will pay for an AI copilot that assembles meeting-prep briefs.briefs from CRM, email, and call history.

07 — Mobile

An always-visible instrument console

Not a hamburger drawer — three destinations fit a thumb-reachable bottom bar without overflow, and nothing about the app's controls is ever a tap away behind an icon. The per-hypcheck switcher stays sidebar-only; the dashboard grid already does that job one tap from here.

(page content)
Hypcheck — Design system