Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Full-screen image of a person in an auditorium with tiny corner labels, a vertical project list left, small credits right and a compact category row at the bottom.
- Type
- Small white and gray sans labels, with one project brighter.
- Color and surface
- Dark green-gray photograph with white and subdued gray overlays.
- Components
- Corner identity, project list, credits and bottom category labels.
What makes it work
- Full-screen image framed by an understated project list and credits.
On a new subjectFor a theatre archive, overlay a small production list and credits on a full-screen rehearsal image.
Measured
Fonts loadedABC Schengen A
Body text14px
Page background#000000
Text color#ffffff
Page height1,000px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The captured live page is a full-viewport dance-film scene in a mirrored studio, with small uppercase identity at top left, Information at top right, a translucent project list aligned down the left edge, director/production credits at right, and compact category labels centered along the bottom. The same layout remains in the scroll capture; the dancer and reflections occupy a large share of the image and change pose across saved frames. Tablet and mobile retain the project list over the media, with some text becoming low-contrast against parts of the moving image.
- Responsive
- Captured at 1440×1000, 768×1024, and 390×844. At the narrower widths the film remains the full viewport background, the project list stays left-aligned, and the bottom category labels remain. The labels overlap the background imagery and can be difficult to read at mobile width. These are sampled widths only.
- Scroll
- The desktop-scroll snapshot reports scrollY=0 and document height 1000px at a 1000px viewport. It is not a successful scroll observation; the capture shows the same full-screen composition at another film frame.
