Skip to content

Make the tool look like the home page. - #123

Merged
creedants merged 5 commits into
mainfrom
landing/e62
Oct 28, 2026
Merged

creedants merged 5 commits into
mainfrom
landing/e62

Conversation

@creedants

Copy link
Copy Markdown
Owner

Make the tool look like the home page (T373). The owner noted that the tool's theme did not match the home page while the other pages did.

  • The tool now uses the home page's palette through src/tokens.css: plum text and accents, blush rules, white paper, sun for warnings, and square corners. The old blue and grey are gone from the interface.
  • The tool loads Instrument Sans from the same site, preloaded like the home page. Numbers stay tabular.
  • The tool's 56 px header uses the home page's mark and wordmark, and it still fits a 375 px phone.
  • Buttons, selects, inputs, tabs and focus rings follow the home page's primary and ghost button styles.
  • The chart's increase, decrease and total colours are unchanged. The PNG download, the Excel export and the printed report match the screen.
  • The home page's picture of the tool shows the new look.
  • No wording, numbers or behaviour change. The KPI boxes have a 112 px minimum width and 8 px padding so the numbers fit in the new font.
  • test/app-theme.test.ts checks that the tool, the home page picture and the report use the same colours, and that the font comes from the same site.

Review. The reviewer compared the base and this change in a production preview at 1440x900, 1024x900 and on a 375x667 touch phone. It followed the home page links into the tool and checked every tab, error, warning, focus, hover and loading state. Visible text and the bridge table matched the base for the sample and for an uploaded file. The guide, method, privacy and terms pages and the pricing section were pixel-identical to the base. Every new text and control colour pair passes WCAG AA. No page requests anything from another host. Each new test fails when its part of the change is reverted. 943 tests, the typecheck, both builds and the preview smoke pass. Three small notes are filed for later: the reduced-motion loading bar is faint, the paid saved-bridge dialog keeps black table text, and the hero picture's old colour literals in index.html should be replaced. The guide screenshots and social card still show the old tool and will be regenerated next.

Coordinated by claudeAgent/claude-opus-5-5. Written by claudeAgent/claude-opus-5-5. Reviewed by codex/gpt-6.1-sol.

@creedants
creedants merged commit ab070c8 into main Oct 28, 2026
4 checks passed
@creedants
creedants deleted the landing/e62 branch October 28, 2026 18:52
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