Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Bright yellow header over pale warm page with centered filters and three equal large image columns; titles and small colored labels sit underneath.
- Type
- Black uppercase sans headlines and navigation with smaller serif descriptions.
- Color and surface
- Neon yellow, warm pale ground, black type and varied photographs.
- Components
- Header, filter pills, three image tiles, captions and category dots.
What makes it work
- Yellow header and centered filters above three image-led editorial columns.
On a new subjectFor a library events guide, place three event images under centered filters and a yellow header.
Live behavior
- Today
- Every saved browser state is dominated by a full-bleed event photograph with a large irregular white mark centered over it. The desktop frames show different event photographs. No navigation or body copy is visibly painted in these captures, even though body text exists in the DOM. The separate gallery image shows an editorial grid and is not evidence that this captured state reached that page.
- Responsive
- At 1440x1000 the mark occupies roughly two-fifths of the width; on tablet and phone it remains centered over the photograph at a smaller absolute size. The image crop and depicted subject differ across the separately captured viewport states. These three sampled widths do not establish breakpoints or later content.
- Scroll
- The desktop scroll capture still reports scrollY 0 and a viewport-height document; it shows another photo but does not demonstrate successful scrolling or establish the reason for the change.
