[luinbytes]

Implements the fixes from an Opus 5.5 design review of the homepage (luinbytes.dev only). The pond and the site's identity are unchanged in spirit; this is about hierarchy, legibility and removing the leftover second design system.

What changed

• Pond controls demoted: the sound, motion, Reset view and Back to top buttons no longer sit at the top of the hero. They are a small floating chip, and the mobile hero no longer needs the 270px top padding and 1050px min-height that existed to dodge the old stack.
• Feeding is one click: click, tap or the Feed fish button now drops exactly one pellet. The pond no longer suppresses the browser's right-click menu.
• Text selection restored: the page-wide user-select: none is gone; selection is only disabled on the pond surface itself.
• One palette: the leftover purple glass theme (--site-bg: #252031 and friends) is deleted. Page background, pond edge, skip link, scrollbar and text selection now use the green and paper palette the page actually shows, in light and dark.
• shadcn Button removed from the project nav and actions: plain buttons with the site's own styles. About 5 KB of dead utility markup gone from the homepage HTML, and no more dangling --secondary references from this section.
• Type floor raised: body 17px, section copy 16px, smallest labels and chips 13px, and the size ladder gains an 18 to 20px step for lead text.
• Display serif: Instrument Serif (OFL, Latin subset, 21 KB) now carries the display headings instead of Georgia, which never rendered on Linux or Android anyway. Dish dash letter-spacing tokens switched from px to em so tracking scales.
• All four projects visible: the tabbed explorer (which hid linux-sonar, HomeBot and ConnectorMap behind tabs) is replaced with a 2x2 card grid, no fixed 480px height, and the merged PR total gets real visual weight.
• CTAs fixed: a visible email address (0x6c75@gmail.com, the one already on the privacy page) with a copy button, the Cal.com links use a calendar icon instead of a mail icon, and the two near-identical CTAs are differentiated.
• Copy de-duplicated: the "native apps / agents / Linux" inventory no longer appears five times, section 02 is renamed around what it actually argues, "Powered by caffeine and spite." is gone, and the Iniuria.us footer card is a link.
• Dark mode contrast: dark accent green lightened from #3d5e45 (about 1.95:1 on the dark background) to a passing value, dark hairlines lightened, and the hard-coded hero shadow and card colours are tokenised.
• One container: header, hero and sections share min(100% - 96px, 1200px); the footer gets its missing top border.
• Section spacing: sections breathe at 96 to 140px so the pond and paper texture show between them instead of one continuous sheet.
• Head cleanup: title is now "Lu — I make stubborn software behave", theme-color and color-scheme metadata added, SVG favicon added alongside the ico, og:image:alt describes the share card, the keywords meta is dropped.

Notes and trade-offs

• Fonts: Manrope stays bundled from app/fonts exactly as before. Instrument Serif is embedded in globals.css as a data URI rather than a public/fonts file, and font preloading was dropped in favour of this, because this branch was pushed through an API that cannot carry new binary files. If you would rather have the woff2 as a real file with preloads, it is a two minute follow-up commit.
• apple-touch-icon points at the existing avatar image for the same reason (no new PNG could be pushed). Swap in a dedicated 180x180 PNG whenever.
• No availability or "open to work" claim was invented for the CTA intent line, since the review suggested one but the repo states none.
• npm run build passes (type check, client build, SSR prerender of all 3 pages). The e2e suite was not run.

---

Note

Low Risk
Changes are mostly presentational CSS, static content, and client-side pond/input behavior on a marketing site; no auth, data, or backend logic.

Overview
This PR implements a homepage-focused design pass: hierarchy, one visual system (green/paper), typography, and UX polish, without changing the pond’s core idea.

Visual system & fonts: Global purple “glass” tokens are removed from globals.css and kept only on the 404 page. The homepage repoints shared --site-* tokens via signal-desk.module.css so skip link, scrollbar, and selection match the pond palette. Instrument Serif is added (OFL license file + ~21 KB Latin subset as a data URI in CSS) for display headings via --font-serif-display, with larger type scale and em-based tracking.

Layout & projects: Pond view/feed controls move from the hero to a fixed bottom-corner chip (safe-area aware), shrinking mobile hero padding. The tabbed project explorer becomes a 2×2 card grid with headline figures; shadcn Button is dropped for native-styled links.

Pond interaction: Feeding is one click/tap (splash + food); double-tap timing and context-menu handling are removed; selection is disabled only on the pond surface.

Content & metadata: Copy/CTAs refresh (visible email + copy button, nav “More”, deduped messaging). Route metadata gets the new title, per-scheme theme-color, and richer OG alt text; HTML shells add viewport-fit=cover, SVG favicon, and apple-touch-icon.

Responsive polish: Shared --container / section gaps, dark-mode contrast tweaks, and safer-area insets on header, skip link, and footer spacing for the floating chip.

^{Reviewed by Cursor Bugbot for commit de72687. Bugbot is set up for automated code reviews on this repo. Configure here.}

[luinbytes]

bugbot review

[cursor]

Stale Bugbot comment from a previous run.

[cursor]

Stale Bugbot comment from a previous run.

[cursor]

Cursor Bugbot has reviewed your changes using default effort and found 2 potential issues.

^{❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit d330cf9. Configure here.}

[luinbytes]

approved?????????????????????/