Skip to content

Restyle Studio onto the Anomalon design system v1 - #22

Draft
dbccpage wants to merge 2 commits into
mainfrom
claude/project-thread-iim5ta
Draft

dbccpage wants to merge 2 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

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.

2 participants