Now: Glyph treats an undefined id as a loading state, so when the recent-glyph lookup ends without an id (RPC error, or no live glyph) the 355px square keeps reading "Reading glyph…" while the caption under it says "No live glyph found" and the pulse chip says "unavailable"; two states contradict each other on the first screen and the box never resolves.

Change to: {isError ? "Glyph could not be read from the hook." : isLoading ? "Reading glyph…" : ""} so an undefined id renders an empty surface and the caption Hero already passes ("Finding a live glyph…" / "No live glyph found") is the only status line. No layout change: the figure keeps its aspect-ratio box.

Why: each state says only what the app knows (design-critic: walk every state; loading, empty and failure each say only what the app knows).

Now: the line under the headline is two sentences ("SwarmPeg (SWARMPEG) is a fixed-supply Ethereum token. Each whole unit you hold owns a unique animated glyph drawn entirely on chain."), 21 words over five 20px lines at 390, so the glyph lands at y=397 and the pulse chip at y=796 of an 844px first screen.

Change to: one plain sentence: "SwarmPeg (SWARMPEG) is a fixed-supply Ethereum token whose whole units each own a unique animated glyph drawn entirely on chain." It keeps the name, symbol and description the brief asks for in the hero and drops one line, so the glyph and the pulse chip move up about 30px.

Why: the hero is a pair, a headline of at most six words and one plain sentence saying what this is (design-critic, The copy).

Now: the first hero column is 1fr (about 640px at 1440) but .hero-art .glyph is capped at width: min(100%, 420px) and justify-items: start, so the glyph sits at x=160-580, the swap card at x=840-1280, and the 260px between them is empty while the headline above spans the full width.

Change to: grid-template-columns: minmax(0, 520px) minmax(320px, 440px); plus justify-content: space-between; on .hero-grid, and drop the 420px cap in .hero-art .glyph (width: 100%) so the glyph fills its column and the two surfaces frame the hero edge to edge.

Why: the first screen on desktop should read as one composition; dead space between the two primary surfaces reads as a layout gap, not a margin.

Now: the Contracts list shows the pot address only when useHookStats resolves; when the multicall errors the row stays on the loading text with an ellipsis forever, so a visitor is told the address is being read when it is not.

Change to: {stats.isError ? "could not be read from the hook" : "read from hook.maintenancePot()…"} using the isError that useHookStats already returns.

Why: each state says only what the app knows; the brief lists the maintenancePot view as something the site reads, so its failure state should be honest like the Gallery and Pulse ones are.

Now: useMyGlyphs reads glyphAt for the first 24 whole units only and MyGlyphs prints "Showing the first 24 of N glyphs."; a wallet with 25 or more whole SWARMPEG never sees glyphs 25 onward anywhere on the site.

Change to: keep the batch of 24 but let the note be a control: "Show 24 more" (className link-btn, the site’s existing token) that raises the max passed to useMyGlyphs by 24 per press until wholeUnits is reached. The note stays honest while loading.

Why: brief, My Glyphs: "Render each owned glyph by ID". The cap is sensible for the first paint but the brief asks for each glyph.