Skip to content

Restyle Studio onto the Anomalon design system v1 - #22

Merged
dbccpage merged 3 commits into
mainfrom
claude/project-thread-iim5ta
Nov 5, 2026
Merged

dbccpage merged 3 commits into
mainfrom
claude/project-thread-iim5ta

Conversation

@dbccpage

@dbccpage dbccpage commented Nov 3, 2026

Copy link
Copy Markdown
Owner

Requested by Jeremy · project thread

What

This PR moves smplxnf.anomalon.com off the dark slate, cyan and purple Tailwind theme and onto the shared light "paper and teal" palette (palette A) that all anomalon.com sites will use.

  • Adds vendored copies of web/static/anomalon.css, anomalon.js and anomalon-favicon.svg from the shared design system v1.
  • Adds the shared header ("Anomalon / Simplex-NF Studio", with Quickstart, Source and All tools links) and the shared footer (Source, About, Contact). The governance line stays in the footer.
  • Adds a Tailwind config that remaps the existing color classes onto the shared tokens. This covers the classes app.js builds at runtime too, so no markup structure or JS changed.
  • Makes every panel use the same teal primary button, and switches the fonts to IBM Plex Sans and Plex Mono.
  • Pins the Tailwind play CDN to 3.4.17 instead of an unpinned URL.
  • Changes the section tabs to underline style, and stops the preset picker overflowing on phones.

Tests

  • python -m pytest -q web/test_api_smoke.py tests: 232 passed.
  • node tests/test_frontend.cjs: passed.
  • Rendered with Playwright at 1280 px and 390 px after running a synthesis.

Not in this PR

  • The page still loads Tailwind from the play CDN. Replacing it with a compiled stylesheet is a separate follow-up.
  • The shared files are vendored copies for now. They'll switch to https://www.anomalon.com/ds/v1/ once www can serve them.

Generated by Claude Code

Moves smplxnf.anomalon.com from the dark slate/cyan Tailwind theme to the
shared light "paper and teal" palette used across anomalon.com:

- vendor anomalon.css / anomalon.js / favicon from the shared design system
- shared Anomalon header ("Anomalon / Simplex-NF Studio", All tools link)
  and shared footer (Source, About, Contact); governance line kept
- Tailwind config remaps the existing color classes (including the ones
  app.js generates) onto the shared tokens, so markup and JS are unchanged
- one primary button color (teal) on every panel; IBM Plex Sans/Mono
- pin the Tailwind play CDN to 3.4.17
- underline section tabs; preset picker no longer overflows on phones

Tests: python -m pytest -q web/test_api_smoke.py tests (232 passed);
node tests/test_frontend.cjs (passed).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0194kAmZqD922d7DPkm5UTas
@dbccpage dbccpage self-assigned this Nov 3, 2026
www.anomalon.com/about and /contact are not deployed yet and return 404.
About now opens www.anomalon.com and Contact opens mail to ooutwire@pm.me,
matching the Owed fix.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0194kAmZqD922d7DPkm5UTas
@dbccpage
dbccpage marked this pull request as ready for review November 5, 2026 01:46
Conflicts in web/templates/index.html and web/static/style.css: kept the
shared Anomalon header and footer, kept main's .ledger-value and
.compiler-fixture-json wrapping rules. The new 320 px browser check failed on
the shared header (brand + Menu = 362 px), so the tool name in the brand now
truncates instead of pushing Menu off-screen (same change in ds/v1).

Checks: pytest tests web/test_api_smoke.py (232 passed), tests/test_frontend.cjs,
scripts/browser_smoke.cjs 29/29 (Tailwind 3.4.17 served locally, fonts stubbed).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_0194kAmZqD922d7DPkm5UTas
@dbccpage
dbccpage merged commit b56fafc into main Nov 5, 2026
6 checks passed
@dbccpage
dbccpage deleted the claude/project-thread-iim5ta branch November 5, 2026 01:50
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.

2 participants