John Brodish

How this site works

What this site changes from the base

--surface
var(--ground)
--surface-muted
var(--exhibit-ground)
--surface-accent
var(--pen-soft)
--border
var(--hairline)
--border-strong
var(--ink)
--text
var(--ink)
--text-muted
var(--ink-2)
--text-faint
var(--ink-3)
--ring
var(--ink)
--radius-control
0.5rem
--radius-pill
1rem
--composer-height
3rem
--chip-radius
var(--radius-pill)
--chip-pad-block
var(--space-2xs)
--chip-pad-inline
var(--space-sm)
--chip-height
2rem
--arrive-distance
var(--space-md)
--arrive-duration
var(--dur-short)
--thread-measure
44rem
--chapters-width
12rem
--label-column
12.5rem
--label-gap
3rem
--block-heading
var(--text-h3)
--block-heading-lh
var(--lh-h3)
--heading-tracking
-0.02em
--card-image-ratio
4 / 3
--exhibit-measure
36rem
--exhibit-height
22rem
--rail-indent
1.5rem
--rail-marker
0.25rem
--grip
2.5rem
--scrim
color-mix(in srgb, var(--ink) 64%, transparent)
--on-scrim
var(--ground)
--underline-offset
0.25em
--underline-offset-hover
0.375em

The questions

  • Q01 — Identity and level
  • Q02 — Fit and logistics
  • Q03 — Work history
  • Q04 — Show me the work
  • Q05 — Complexity made legible
  • Q06 — Outcomes, honestly framed
  • Q07 — Ownership and zero-to-one
  • Q08 — Decisions and trade-offs
  • Q09 — Research that changed a decision
  • Q10 — Systems: built and governed
  • Q11 — AI: how he uses it
  • Q12 — AI: what he has designed for it
  • Q13 — Close to code
  • Q14 — Working with PM, engineering and leadership
  • Q15 — Leading and raising others
  • Q16 — How this site works
  • Q17 — Contact and links

The blocks

statement

A block type

Statement

The plainest block: an optional eyebrow label, an optional heading, and a passage of prose underneath. No rows, no options, no image — just the words, carried straight from wherever they were written.

facts

Facts

Shape
A two-column list — the label hugs, the value fills the rest of the row.
A row can link out
to a source, a page, or a document
Used for
a quick rail of role, team, timeline, and similar short answers

exhibit

A slide stating the design system's operating principles, already published on the live site.
An exhibit block, showing one image already in use on the live site.

ledger

What I claim

ClaimSource
A ledger block is drawn by the same builder the case studies use, so the two can never disagree.documented
Each row carries its own grade — documented, recollection, or not measured — instead of one blanket confidence figure.documented

A ledger block can also point at an existing case study's claims by name, rather than writing its own.

Documented rows have a dated artifact I can produce on request.

decision

Why there is no confidence percentage

The constraint
A rules engine that matches a question to an answer by chip, phrase, or keyword has no real confidence score to show. An early sketch put a percentage next to the answer anyway, borrowed from the shape of a familiar AI product.
The options
Show an invented confidence percentage next to the answer
Show a similarity score without saying which tier produced it
Show the mechanism instead — which rule fired, or that none did and a similarity search took over
The call

The percentage was rejected in favour of a plain line: the matched question, why it matched — a chip click, a phrase, a keyword, or, when no rule fires, a similarity score labelled as exactly that — and the answer it opened. A rule hit still opens its answer at once. When nothing matches, the closest few questions by meaning are offered as chips under a line saying there is no exact answer, never opened automatically, because the top pick by similarity alone was wrong often enough that automatic was the wrong default.

The cost
The line that replaced the percentage reads more like an engineering log than a product feature, and it is one clause longer. Every word in it is checkable.

the system's own notes on how a question gets matched to an answer

timeline

Timeline

  1. FirstA dated or ordered entrywith a short note underneath, if one is worth keeping
  2. ThenAs many entries as the story needs
  3. LastIn the order they happened, not the order they were written

diagram

How one question becomes one answer — the flow drawn as seven boxes and six arrowed connectors.

chart

The numbers behind this chart
Question typePostings of 43
Working with PM, engineering and leadership37
Ownership and zero-to-one30
Systems, built and governed29
Research that changed a decision28
Complexity made legible25
What the job postings behind this search asked for most, by question type · 43 job postings read in September 2026 · documented

exhibit — compare

The Email Revenue Lift Summary as shipped, next to the whiteboard version it replaced.
Shipped · A compare exhibit — drag the handle to move between the before and after of the same screen.