[aledbf]

Before and after: https://claude.ai/artifact/Y8ijMZKqJ42hUcQKQZuJeK. This page is private until its owner shares it. It shows every screen of the set, in dark and light, on desktop and phone, with each reviewer's verdict.

This is the site on spin-stack/brand#21. Merge that PR first: versions.yaml pins brand to that PR's head (b7e4afc) until then. After it merges, task sources:bump and task reference move the pin to brand's main.

What changes

• Palette (refgen copies it from brand): the navy at its own chroma, with clear steps between planes and grey lines. The mark's cyan is deepened as the one accent. Starlight's headings are fluid from a phone to a desktop.
• Headings stay in the mono, at brand's display tracking (type.display) and with their word gaps closed. A mono's own spacing was what made a large heading read as a terminal.
• Buttons are brand's:
  • the control height and the 6 px corner;
  • the primary is the accent, solid, with a white label (Starlight drew it as the accent's light tint with dark text);
  • the secondary is a quiet fill with a hairline;
  • hover and pressed fills come from brand.
  • The hero's primary is words alone; "Install on AWS" is a secondary button.
• Hero: the second sentence is in the accent's text colour, softer than the neon it was. The eyebrow and the story's labels are in the sans, sentence case.
• Header mark: mark-dark-256, the clear mark with its shadow drawn for the navy, in place of the tile (refgen's brand.go).
• Text blocks: a --help or an output wraps inside its block; the CLI reference cut its flags' descriptions off. A command still scrolls, because wrapping would break it at a flag's dash.

How it was judged

Reviewers judged blind, in pairs against main in random order, with the captures taken from astro build and astro preview. Claude and Codex reviewed; Gemini was out of quota. Details are in ui-hill-climb/ROUNDS.md and ledger.jsonl.

Round	Claude	Codex	What the round showed
1	0/10	4/10	Darker ink and sans headings lost the navy and the mono, which were the site's identity
2	5–5	3–6, 1 tie	A page title at display size towered over its sections
3 (this head)	10/10	5–1, 4 ties

Checks

go vet, go test ./..., refgen -check against the pin, astro build (89 pages), and linkcheck -base /website (378 pages, every link resolves).

Left

• A command block on a phone still gives no sign that it scrolls (this was so before too).
• In light, the code theme's comments and flags are pale.
• The landing's diagram labels are small on a phone.
• The cost table's figures are not tabular.

🤖 Generated with Claude Code