[PR #3969] feat(website): new REA identity and a calculator teardown redesign #5973

Open
opened 2026-10-31 01:10:52 +00:00 by bsakaguchi · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/morluto/rea/pull/3969
Author: @Nathandona
Created: 10/15/2026
Status: 🔄 Open

Base: main ← Head: website/brand-identity


📝 Commits (10+)

  • b66458a feat(website): add interaction feedback, numbered steps and clickable case cards
  • d592062 docs(website): replace em dashes in titles and prose
  • 2977e56 feat(website): propose an REA identity with a custom wordmark
  • 1c97212 docs(website): document the identity and align figure labels in RTL
  • 739bc22 feat(website): redesign the homepage around a probe-station figure
  • 0ea1306 Merge remote-tracking branch 'origin/main' into website/brand-identity
  • 3d084fe feat(website): redesign the site around a calculator teardown
  • 38ee77b fix(website): format the redesign and complete the translations
  • c770fa8 feat(website): card layouts for index pages and a dark hero photo
  • e6d0672 fix(website): address review findings on evidence, contrast and focus

📊 Changes

77 files changed (+106251 additions, -82915 deletions)

View changed files

📝 .gitignore (+1 -0)
📝 scripts/test-website.py (+13 -2)
📝 scripts/website.py (+3 -4)
📝 website/AGENTS.md (+2 -2)
📝 website/README.md (+27 -62)
📝 website/locales/ar/messages.po (+4458 -3436)
📝 website/locales/de/messages.po (+4620 -3539)
📝 website/locales/el/messages.po (+4588 -3484)
📝 website/locales/es/messages.po (+4585 -3515)
📝 website/locales/fa/messages.po (+4649 -3599)
📝 website/locales/fr/messages.po (+4609 -3524)
📝 website/locales/id/messages.po (+4679 -3619)
📝 website/locales/it/messages.po (+4699 -3627)
📝 website/locales/ja/messages.po (+4335 -3388)
📝 website/locales/ko/messages.po (+4416 -3400)
📝 website/locales/messages.pot (+2684 -2697)
📝 website/locales/ml/messages.po (+4133 -3184)
📝 website/locales/pl/messages.po (+4559 -3502)
📝 website/locales/pt-BR/messages.po (+4578 -3511)
📝 website/locales/ro/messages.po (+4136 -3187)

...and 57 more files

📄 Description

Proposal for maintainer review. Builds on #3903 (includes its commits).

Summary

  • Identity: custom REA wordmark in the header, footer, favicon and sharing card. Warm paper and ink palette with a muted lime for code highlights; self-hosted Geist and Geist Mono (OFL).
  • Homepage: rebuilt around a calculator teardown. A hero over a photograph of a calculator laid out piece by piece, then three workflow cards, the dinosaur and Calculator examples with LCD answers, case studies, RL environments and a closing setup section. The original code, checks and the Calculator manual/agent comparison stay on the page behind "See how it was found".
  • Live counts: GitHub stars in the header and a 30-day npm downloads chart under the hero command load in the browser and stay hidden when unavailable.
  • Shared design: new header and footer on every page; reading components (prompts, code blocks, disclosures, callouts) restyled to match. Get started replaces its table of contents with a sticky step rail.
  • Theme and motion: light is the default; dark applies only after choosing it. One-time entrance and scroll reveals (word masks, photo wipes, LCD segments) that turn off with reduced motion and never leave content hidden without JavaScript.
  • Index pages: Showcases, Guides and Blog become card grids (photo cards with platform marks, icon cards, article cards). The FAQ topic list follows the reading position and the page ends with a help card.
  • Dark hero: the dark theme swaps in the same teardown photographed on charcoal.
  • Removed: the probe-station figure and its build kit, and the percent demo. The dinosaur mini-game stays in the dino lab.
  • Translations: new strings and the strings that came in with the RL environments guide are machine-translated for the 19 reviewed catalogs. Please review.

Photographs in website/public/assets/photos/ were generated for this page and show generic hardware, not the inspected programs. README.md, style-guide.md and AGENTS.md are updated. This changes the documented visual system and needs a maintainer decision before integration.

Validation performed

  • python3 scripts/website.py check: exit 0, 27 tests OK
  • translations status: 19 catalogs at 1803/1803; ml, ro and ur-Latn unchanged (mostly untranslated before this PR)
  • oxfmt@0.72.0 --check on changed website files: formatted
  • Headless Chrome screenshots: 1440px and 390px, Arabic RTL at 390px, Get started with the step rail

Known gaps

  • Not checked: Safari, Firefox, the /rea/ base path, motion timing in a real browser.
  • Existing explanatory SVG figures in guides and showcases still use the previous blue.

Author readiness

Human owner: @Nathandona

  • I reviewed the final diff and relevant existing code, understand the change and its edge cases, and take responsibility for the complete PR, including AI-assisted work.
  • I checked the evidence above, confirmed it supports the current change, and recorded meaningful validation gaps.
  • I declare this PR ready for initial maintainer review.

🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/morluto/rea/pull/3969 **Author:** [@Nathandona](https://github.com/Nathandona) **Created:** 10/15/2026 **Status:** 🔄 Open **Base:** `main` ← **Head:** `website/brand-identity` --- ### 📝 Commits (10+) - [`b66458a`](https://github.com/morluto/rea/commit/b66458a4011b8d03779d49755651e3180881ef88) feat(website): add interaction feedback, numbered steps and clickable case cards - [`d592062`](https://github.com/morluto/rea/commit/d5920627db14738a19352e4b408f64551ee4067a) docs(website): replace em dashes in titles and prose - [`2977e56`](https://github.com/morluto/rea/commit/2977e56614da5711912b1574bb4cdc5415f3e88c) feat(website): propose an REA identity with a custom wordmark - [`1c97212`](https://github.com/morluto/rea/commit/1c97212f0461b1053dadf39b8347313887ea9aa1) docs(website): document the identity and align figure labels in RTL - [`739bc22`](https://github.com/morluto/rea/commit/739bc224bdf14d712aae4a0dcca8d3ce229484f8) feat(website): redesign the homepage around a probe-station figure - [`0ea1306`](https://github.com/morluto/rea/commit/0ea130645c16bfffdff62abcf6eff65f3211a218) Merge remote-tracking branch 'origin/main' into website/brand-identity - [`3d084fe`](https://github.com/morluto/rea/commit/3d084fe294a4ba1f906264d79f63bfc4e788d21e) feat(website): redesign the site around a calculator teardown - [`38ee77b`](https://github.com/morluto/rea/commit/38ee77ba88b9dd296057209badb10579e2c968d8) fix(website): format the redesign and complete the translations - [`c770fa8`](https://github.com/morluto/rea/commit/c770fa8c923a7762aaab0f265d1a7579046187ed) feat(website): card layouts for index pages and a dark hero photo - [`e6d0672`](https://github.com/morluto/rea/commit/e6d0672eaf8948912f6ed82d220b654cf00d4de4) fix(website): address review findings on evidence, contrast and focus ### 📊 Changes **77 files changed** (+106251 additions, -82915 deletions) <details> <summary>View changed files</summary> 📝 `.gitignore` (+1 -0) 📝 `scripts/test-website.py` (+13 -2) 📝 `scripts/website.py` (+3 -4) 📝 `website/AGENTS.md` (+2 -2) 📝 `website/README.md` (+27 -62) 📝 `website/locales/ar/messages.po` (+4458 -3436) 📝 `website/locales/de/messages.po` (+4620 -3539) 📝 `website/locales/el/messages.po` (+4588 -3484) 📝 `website/locales/es/messages.po` (+4585 -3515) 📝 `website/locales/fa/messages.po` (+4649 -3599) 📝 `website/locales/fr/messages.po` (+4609 -3524) 📝 `website/locales/id/messages.po` (+4679 -3619) 📝 `website/locales/it/messages.po` (+4699 -3627) 📝 `website/locales/ja/messages.po` (+4335 -3388) 📝 `website/locales/ko/messages.po` (+4416 -3400) 📝 `website/locales/messages.pot` (+2684 -2697) 📝 `website/locales/ml/messages.po` (+4133 -3184) 📝 `website/locales/pl/messages.po` (+4559 -3502) 📝 `website/locales/pt-BR/messages.po` (+4578 -3511) 📝 `website/locales/ro/messages.po` (+4136 -3187) _...and 57 more files_ </details> ### 📄 Description Proposal for maintainer review. Builds on #3903 (includes its commits). ## Summary - **Identity:** custom REA wordmark in the header, footer, favicon and sharing card. Warm paper and ink palette with a muted lime for code highlights; self-hosted Geist and Geist Mono (OFL). - **Homepage:** rebuilt around a calculator teardown. A hero over a photograph of a calculator laid out piece by piece, then three workflow cards, the dinosaur and Calculator examples with LCD answers, case studies, RL environments and a closing setup section. The original code, checks and the Calculator manual/agent comparison stay on the page behind "See how it was found". - **Live counts:** GitHub stars in the header and a 30-day npm downloads chart under the hero command load in the browser and stay hidden when unavailable. - **Shared design:** new header and footer on every page; reading components (prompts, code blocks, disclosures, callouts) restyled to match. Get started replaces its table of contents with a sticky step rail. - **Theme and motion:** light is the default; dark applies only after choosing it. One-time entrance and scroll reveals (word masks, photo wipes, LCD segments) that turn off with reduced motion and never leave content hidden without JavaScript. - **Index pages:** Showcases, Guides and Blog become card grids (photo cards with platform marks, icon cards, article cards). The FAQ topic list follows the reading position and the page ends with a help card. - **Dark hero:** the dark theme swaps in the same teardown photographed on charcoal. - **Removed:** the probe-station figure and its build kit, and the percent demo. The dinosaur mini-game stays in the dino lab. - **Translations:** new strings and the strings that came in with the RL environments guide are machine-translated for the 19 reviewed catalogs. Please review. Photographs in `website/public/assets/photos/` were generated for this page and show generic hardware, not the inspected programs. `README.md`, `style-guide.md` and `AGENTS.md` are updated. This changes the documented visual system and needs a maintainer decision before integration. ## Validation performed - `python3 scripts/website.py check`: exit 0, 27 tests OK - `translations status`: 19 catalogs at 1803/1803; ml, ro and ur-Latn unchanged (mostly untranslated before this PR) - `oxfmt@0.72.0 --check` on changed website files: formatted - Headless Chrome screenshots: 1440px and 390px, Arabic RTL at 390px, Get started with the step rail ## Known gaps - Not checked: Safari, Firefox, the `/rea/` base path, motion timing in a real browser. - Existing explanatory SVG figures in guides and showcases still use the previous blue. ## Author readiness Human owner: @Nathandona - [x] I reviewed the final diff and relevant existing code, understand the change and its edge cases, and take responsibility for the complete PR, including AI-assisted work. - [x] I checked the evidence above, confirmed it supports the current change, and recorded meaningful validation gaps. - [x] I declare this PR ready for initial maintainer review. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
morluto/rea#5973
No description provided.