Compare-Anything — mockup variants

Three dense takes on the same product. Working interaction: sorting, voting, proposal diffs, price watch. No comment box anywhere, by design.

Placeholder data. Every price, spec, vote count and Bluesky handle in these mockups is invented for layout purposes and is not verified against any merchant, manufacturer or feed.

ASpec Matrix

Light, spreadsheet-adjacent. One row per product, one column per spec. Content-first, best raw comparison.

BLeaderboard

Dark, ranked rows with prominent votes, champion treatment, and a My faves route. Community-first.

CTerminal

Near-black, maximum density, keyboard-driven, provenance shown as columns (store, price, source, observed_at). Tool-first.

Head-to-head

Dimension	A · Spec Matrix	B · Leaderboard	C · Terminal
Emphasis	content-first	community-first	tool-first
Density	very high	medium-high	maximum
5-way spec comparison	best	weak	best
Vote / champion prominence	low	best	medium
Provenance (source, observed_at)	dot	dot	columns
Phone-friendliness	poor	good	needs rework

Served from the Mac mini (nginx, port 8094) behind Caddy at compare.char.gay.
Affiliate disclosure for the real build: outbound links will earn a commission.