Skip to content

polish: timeline measure, wrapping, footer and work-list alignment (preview, do not merge without review) - #41

Draft
Waseemilyas wants to merge 2 commits into
mainfrom
polish/impeccable-2026-10
Draft

Waseemilyas wants to merge 2 commits into
mainfrom
polish/impeccable-2026-10

Conversation

@Waseemilyas

Copy link
Copy Markdown
Owner

Visual change to the public site: for Waseem's review, not for agent merge (campaign gate 4).

A small refinement pass within the existing design system. No copy, colour, type or layout direction changes.

What changes

  • Timeline proof lists (home and /about/): capped at 60ch, the milestone paragraph's measure. At desktop they used to stretch across the whole column, which DESIGN.md treats as a bug.
  • Wrapping: paragraphs, list items and work-card subtitles use text-wrap: pretty, so no last line is a lone word. The detector found seven such lines on the live pages.
  • Work list (home and /work/): each ref reserves 11ch, so the three titles line up instead of the longer ref pushing its title right.
  • Phone, under 620px:
    • Every section ref stacks above its heading, as the paper pages already do. Before, one wrapped and the rest sat inline.
    • The footer nav is two even rows instead of a stranded last link, with taller tap targets.
  • DESIGN.md records the 60ch proof cap and the text-wrap: pretty rule.

Review

  • Preview: https://polish-impeccable-2026-10.waseemilyas-preview.pages.dev (Cloudflare Pages branch preview, built from this branch without monitoring).
  • Before/after board: live site vs this branch, every route at 1440 and 390 wide (canvas-compare page on auto-vps, path in the campaign report).
  • A fresh-eyes design review kept all three original changes. I applied four of its five follow-ups. The fifth would keep "Fortune 500" on one line, which needs a markup edit to grandfathered copy, so it is left alone.

Checks

  • checkq -- pnpm check: lint, tsrs and content guard pass. node --test scripts/nav-drawer.test.mjs: pass.
  • heavy -- pnpm build && node scripts/site-check.mjs: 14 pages, all contracts pass.
  • Impeccable detector on the stylesheet: no findings from this diff. The remaining notes are the committed art direction.

🤖 Generated with Claude Code

Waseemilyas and others added 2 commits October 21, 2026 00:50
…ooter nav

- .proof had no measure cap and stretched across the whole column at
  desktop (DESIGN.md: an uncapped block reads as a bug); cap it at the
  milestone paragraph's 60ch.
- Paragraphs and list items use text-wrap: pretty, so last lines are not a
  lone word (the detector found seven such lines on live pages).
- Under 620px the footer nav sits on a four-column grid instead of
  stranding the last link on its own row.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…el stacking)

- Phone footer nav spreads its four columns evenly and each link gets a
  taller tap target.
- Work-list refs reserve 11ch so titles line up across rows.
- Under 620px every section ref stacks above its heading, matching the
  paper pages.
- Work-card subtitles are block-level and pretty-wrapped.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@Waseemilyas
Waseemilyas marked this pull request as draft October 21, 2026 00:56
@Waseemilyas

Copy link
Copy Markdown
Owner Author

Do not merge: waits for Waseem (Claude spend campaign gate 4)

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant