Kinn design system Palette v2

Warm off-white ground, warm-white cards, plum ink and plum-grey neutrals. Actions are plum with cream text; coral means Warm and nothing else. Signal is the temperature stem on a quiet chip; fit is a plain number. Geist for display, body and every label, with no capitals anywhere; Geist Mono only for figures, a URL, an id and a key hint. No pills and no circles: buttons and chips 6px, inputs 8px, cards and dialogs 12px.

Roles

Every colour by the job it does. The landing alone keeps coral deep for its calls to action.

Primary button --accent
Control border --line
Quiet fill --surface-2
Mild
Signal --sig-warm, -mild, -cool
WarmMildCool
Fit --ink, --ink-2
Fit91Fit64Fit–
Warning and error --warning, --error
Profile is 40 days oldNot a LinkedIn profile
Progress --accent
Charts --chart-1 to -4
On plum --plum, --focus-inverse
Skipped Kevin
Landing call to action --cta
Book a demo

Color

One theme. Every color is painted explicitly, so the page holds on any host ground.

Type

Hierarchy comes from weight (400, 500 and 600) and size, not ornament. Display 600, tracking -.03em on names and titles and -.045em from 96px up, none below 16px. Body 13.5px Geist 400. Nothing is uppercase: a label is Geist 500 13px in sentence case, a section head Geist 600 14px in ink, and a section stacked in one column is the label with a hairline to the edge. Every number is Geist with tabular figures; mono is left to figures, a URL, an id and a key hint.

Display 30 / Geist 600
Heading 16 / Geist 600

Body 13.5 / Geist 400. Recruiters read this for hours, so it stays small with generous leading and a 62 character measure on the why text.

Label 13 / Geist 500 / sentence case
1,204 · 78 · 2026-09-12

Draft message

Hi Noah, you liked a couple of our posts.

Sequence Holdings hires for

Forward-deployed

Fit breakdown

Forward-deployed · 0-to-1 founding · CS pedigree

Career

Founding Forward Deployed Engineer · Tavily

Worked with

Sam Ortiz, Maya Chen, Jon Park and 10 others

.t-head · section head.t-section · stacked section.t-label · field label, kicker, metadata

Buttons and keys

6px buttons with flush-left labels. One plum primary per view. Keys sit inside the button that triggers them. 44px tall on touch screens.

j k↵esc

Pills, chips and rank badges

Pills describe state and never take clicks. Chips are criteria verdicts: a quiet chip with an ink square for 3 of 3, an outlined struck chip for 0 of 3. The rank badge is a square that fills plum on the selected row.

EngineerEng leaderInvestorNewContactedLaterintent31
Forward-deployedCS pedigreeNYC / Atlanta

Signal bars, signal chip and fit

The bars light up to the level and always carry its label: Warm, Mild or Cool. The signal chip is the quiet fill at every level; buttons stay outlined. Fit is not a chip: "Fit" in grey, then the number in ink. Under a Fit column the number stands alone.

WarmMildCoolWarm
Fit91Fit64Fit38Fit–Fit789164Not scored
WarmFit78

Meters

Label, display value, 6px plum bar. A score has no tone. Unrated shows "not scored" or a dash, never a zero.

Priority69
Intent1.4
Priority17
Fitnot scored
Fit78

Queue cards

Rank badge, person block with structured why, three meters, three actions. The selected card carries the plum ring and a filled rank badge. Later cards sink under a divider at 80%; contacted cards stay in rank at 60%.

1
Noah NefskyNewEngineer
Forward Deployed Engineer @Tavily · Computer Science @UWaterloo

Waterloo CS grad currently a Founding Forward Deployed Engineer at Tavily in NYC

An almost literal match for the FDE + 0-to-1 + location profile, with healthcare-ops exposure as a bonus.

Forward-deployedCS pedigreeNYC / Atlanta

ConcernsEarly career: mostly co-op/short stints · No public side-project evidence

Priority69
Intent2.7
Fit78
Saved for later
4
Matthew ZhangEngineerLater
builder @ Flint

Yale CS grad with Scale AI generative-AI experience now first engineer at a startup

Priority58
Intent3.1
Fit58

App shell and rubric aside

Every signed-in page shares the shell: a 52px white top bar (the ring to Today, the agency, the search trigger and the avatar that opens the account menu) and a 56px rail with Today and Clients that widens to 208px over the page on hover, or pushes it when kept open. The rubric aside shows weights as a column of numbers with bars scaled to the largest weight; hover a row for its basis.

/NNorthwind TalentSearch people and clients⌘KKL
TodayClients
What they hire forv1 · draft
20%Forward-deployed
18%0-to-1 founding
15%CS pedigree
Weights are read-only here; editing re-scores fit and re-ranks the queue.Unsaved local weights.

Status line and tooltip

Provenance in one line. The new-since button is pressed when filtering to new people only. The "? keys" hint at the right opens the keyboard legend. Every number carries a tooltip on hover or focus.

Refreshed yesterday2 posts · 99.8% coverage37 engineers not scored
69 (hover me)

Fit rows, dialog, toast and empty state

Per-criterion rows carry weight, short label, the rating with a 48px bar, and the cited evidence. The dialog edits weights and normalizes on save. Toasts carry an Undo with its key.

20%Forward-deployed3/3"Founding Forward Deployed Engineer at Tavily" (1 yr 3 mos)
18%0-to-1 founding1/3Founding FDE, but no named product or user metrics stated
10%NYC / Atlanta0/3Location listed as San Francisco
Rubric weightsv1 · draft
Total 87% · normalized on save
Skipped Kevin
Queue clearEvery engineer has been contacted, saved for later, or skipped.