Matterroom
A courtroom film that moves with the scroll.
An Astro site for a fictional disputes firm whose home page is a courtroom film scrubbed by the scroll, with practice, people and insight pages.
The home hero is a single 15-second film that advances as the visitor scrolls, served in 480p, 720p and 1080p WebM and MP4 with AVIF and WebP posters. There is no animation library or client framework: Astro outputs static pages and a small script ties the film to the scroll.
Practices, partners and insights come from one data file; each page is labelled as fiction. The repository started as a SaaS concept and was repositioned as a law-firm concept.
Matterroom Advocates is a fictional law firm and a design concept; it gives no legal advice. The film and portraits are AI-generated.
- Type: Editorial website with scroll film
- Status: Prototype — Built and tested (Playwright and axe); a preview address is configured but no production deployment.
- Code: simonvildonelohim/matterroom (private repository)
- Year: 2026
Built
- Scroll-scrubbed hero film with adaptive encodes
- Practice index and practice pages
- Partner profiles with generated portraits
- Insights articles
- Fiction disclosure on every page
- Accessibility and link tests
Technology
Astro, TypeScript, Playwright, axe-core, Fontsource
