graduates.hfbk.net/25

How it’s built

Layout

Two large contrasting image panels share the field: bright people scene left and dark installation scene right, with tiny pill controls at the corners.

Type

Tiny compact sans pill labels.

Color and surface

Bright white/red left image and dark right image with small gray pills.

Components

Two contrasting full-height photographic-looking panels sit side by side with small corner pill controls.

What makes it work

• Two contrasting full-height photographic-looking panels
• Small corner pill controls

Measured

Computed CSS at 1440px, 2026-10-25.

Live behavior

Today

The 1440px opening fills the viewport with two adjacent project photographs, each about 722px wide: a bright performance scene on the left and a dark installation scene on the right. Rounded pale chips label “Graduates 2025”, “Editorial” and “Imprint”; circular arrow controls sit at the side edges, with an HFBK Hamburg mark at bottom left. The second desktop frame has the same pixels as the first.

Responsive

At 768px and 390px, the saved ordinary screenshots show one edge-to-edge performance photograph cropped to the viewport, with the rounded “Graduates 2025” and “Editorial” chips, a next arrow, the HFBK Hamburg mark and “Imprint”. The phone capture cuts into the people and tall red/green headwear. The separate reduced-motion phone screenshot instead shows two narrow side-by-side project images, both arrows and the same corner controls. These exact states do not define a breakpoint rule.

Scroll

The state labeled desktop-scroll records actual scrollY=0 in a 1440×1000 document. Its screenshot shows a single full-width performance photograph instead of the opening’s two panels, with the arrow controls at the left and right edges. This is a distinct saved frame at the top of the document; its cause is not established and it cannot support a scroll-transition claim.