fix(home): rewrite About/Lab copy and fix homepage vertical rhythm - #30
Merged
Conversation
Implements the design-audit findings for the "Copy, Rhythm, and Identity" phase — copy and spacing only, no new components, no Hero or Lab visual redesign (both explicitly deferred to the next phase). - Lab copy: replaced "each one a different kind of proof, none of them importing another" (homepage Lab preview and /lab) — a statement about the codebase's module boundaries, meaningless to a visitor — with "each one built to test a single idea about how a protocol behaves, not to demonstrate a finished product," describing the Lab's actual intellectual purpose instead. - About page: rewritten around the person instead of the site's own structure. The old copy's subject was "this site is organized around four things"; the new copy's subject is what kind of problems hold his attention, why blockchain execution environments specifically (grounded in the site's own three Research article subjects — the EVM as a state machine, oracle caching, intent resolution — nothing invented), and how he approaches problems (verify against the real system over what should be true in theory). The Systems/Research/Lab list is trimmed to three short links — their own full description already lives on the homepage and on each domain's index page. - Homepage About preview: same person-first rewrite, kept to two sentences (homepage = introduction, /about = fuller context). - Removed /about's page-specific "ELSEWHERE" social-links block — it duplicated the global footer immediately below it. - Fixed the homepage's vertical rhythm at its actual cause: every preview section had double top-padding (an outer `py-*` wrapping an inner `border-t ... pt-*`), stacking two full padding values between every section — confirmed by screenshot, not code-reading alone (the homepage's rendered height dropped ~20% from this fix alone, no content removed). Collapsed each section to one padding value, differentiated deliberately: About/Systems/Research now read as one connected sequence, Lab gets a visibly larger top gap (it's the closing section) and a real bottom gap before the footer. Validated by running the actual dev server and taking real screenshots (desktop 1440px, mobile 390px) before and after, not by inspecting Tailwind classes alone. Left untouched, per the phase's explicit scope: /research/[slug], /lab/[id], Research/Lab experiment typography, the Hero (structure and copy), SystemMap, the palette/type system, and the homepage Lab preview's visual treatment (still plain text — borrowing Lab's own diagrammatic language is deferred to the Hero-refinement phase). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Implements the "Copy, Rhythm, and Identity" phase from the visual/product-design audit — copy and spacing only, no new components, no Hero or Lab visual redesign (both explicitly deferred).
/lab, replaced with copy describing the Lab's actual intellectual purpose./about's duplicate "ELSEWHERE" social-links block (the global footer already covers this).py-*+ innerborder-t pt-*), stacking two full paddings between every section. Collapsed to one padding value per section, differentiated deliberately (About/Systems/Research read as one connected sequence; Lab gets a larger top gap as the closing section plus a real bottom gap before the footer).Validation
Ran the actual dev server and took real before/after screenshots via headless Chromium at 1440px and 390px — not judged from code alone. Homepage rendered height dropped ~20% from the spacing fix alone, no content removed.
Deferred to next phase (per explicit scope)
🤖 Generated with Claude Code