[jcdavis131]

What changed and why

Every page now sits on one shared design layer, assets/frame.css + assets/frame.js. The home page opens on the principal's name, set like a title card, and the work follows as a sequence of composed frames. All real links and claims are kept. No clients or metrics were invented.

Shared layer (all pages)

• Tokens: a type scale, 8pt spacing, grid, easing (cubic-bezier(.2,.7,.1,1)) and one accent (#c23a22 in light, #e8553b in dark). Both palettes are checked for AA contrast.
• Themes: pages follow prefers-color-scheme by default. A header toggle saves the viewer's choice in localStorage, and a head script applies it before first paint so there is no flash.
• Type: Jost (OFL, latin subset, 26 KB) is self-hosted with font-display: swap, so the CSP is unchanged. It is used only for tracked titles and labels. Body text uses a tuned system stack with tabular numerals.
• Header: symmetric: links on the left, the name centred, links and the theme toggle on the right. On mobile it becomes a centred menu that closes on Esc and still works without JS.
• Footer: a centred footer, shared by every page.
• Details: skip link, focus rings, selection colour, scrollbar, print styles, and scroll reveals that only run when reduced motion is off.
• Icons and social cards: a new favicon set (SVG, favicon.ico, apple-touch icon, 192/512 icons, site.webmanifest). Each page gets a 1200×630 OG/Twitter card.

Home (index.html, assets/portfolio.css)

• Opening card: a one-point-perspective line field with crop marks. The name, rule, lede and CTAs sit at the vanishing point. The title sequence plays once per session, any input skips it, it never runs under reduced motion, and it never hides content.
• Work: six numbered frames (01/06 … 06/06): Embedding Atlas (eye.jcamd.com), Dottie, Vector Hoops (hoops.dumbmodel.com), the vector game suite, scout-cli, and Arxiviq (arxiviq.com). Each is centred with a small line-drawn plate.
• Other sections: the timeline becomes a ledger, the principles a I–IV grid, and the stack a two-column list. Contact is a closing card that keeps the Alamo St Advisors link.
• Lab: the Chips page now appears in the Lab. Before, it was only in the nav.

404 (404.html, new)

Uses the same opening-card composition, is marked noindex, and Vercel serves it automatically.

Family (family/)

• The drafting-board tokens now point at the shared palette, so the page follows light/dark.
• Heavy 2px borders and block shadows are replaced with hairlines.
• The hero is a centred title card with an on-page contents row. The wheel SVG uses theme colours.
• All tool behaviour (profiles, feed, chart) is unchanged.

Graphify (graphify/)

• Restyled on the shared tokens in both themes.
• The header badges are gathered into one quiet facts row; every fact is kept.
• Inputs and selects have labels, and the tabs are a sticky, tracked row.
• The vis-network graph re-renders with theme colours when the theme changes.

Chips (chips/)

• Shared header and footer. The text sections follow the theme.
• The 3D stage and scale canvases re-declare the dark token set, so they stay dark screens in both themes.
• The 3D .label class is scoped so it no longer collides with the shared labels.

Smoke (scripts/smoke.py)

It now also checks every page for title, description, viewport, skip link and OG image. It also checks that every local asset a page references exists, and that each indexable page is in sitemap.xml.

Screenshots

docs/redesign/{home,chips,family,graphify,404}-{desktop,mobile}-{light,dark}.png (1440×900 and 390×844).

Verification

• python3 scripts/smoke.py → smoke ok: 22 links, 3 required present, no retired hosts, 5 pages checked
• Served with python3 -m http.server and captured every page with Playwright (Chromium) at 1440 and 390, in light and dark. scrollWidth equals the viewport on every page (no horizontal scroll), with no page or console errors.
• Scripted interaction test: the mobile menu opens and closes (Esc works), the theme toggle persists across pages, and the first Tab lands on the skip link.

Notes

• The sitemap needed no new entries: 404 is the only new page, and it is noindex.
• The remote branch still had the pre-squash history of Portfolio: mention the Embedding Atlas constructs world #18, whose tree is identical to master. I merged it in instead of force-pushing.

🤖 Generated with Claude Code

https://claude.ai/code/session_01WH1hPpf3u1xWecEhS6AHD2

---

Generated by Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
jcamd	Ready	Preview	Sep 23, 2026 5:22pm UTC

[cursor]

Approved. Cursor Bugbot was not present after the first check poll, so that signal was skipped; no approval policy requires human review, and this automation had no prior approval. No reviewers were assigned.

  

_{Sent by Cursor Approval Agent: Pull Request Router and Approver}