Snøhetta

How it’s built

Layout

White hero places a large airy regular black statement at left beneath a sparse header. A blue pixelated-looking image edge appears below, partly covered by a white data-loading settings overlay with Close, Read more and Low-res enabled.

Type

Large regular black sans heading with smaller black and gray supporting text.

Color and surface

White field, black type and a blue pixelated-looking lower image edge; white settings overlay.

Components

Sparse header, large left-aligned statement, lower image edge and visible data-loading settings overlay.

What makes it work

• Sparse white field and small header
• Large airy regular black left-aligned statement
• Image edge below the statement

Measured

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

Live behavior

Today

The Snøhetta opening uses a compact wordmark/menu header, a very large sentence about the practice, and a wide horizontal project gallery with one larger centered image and a caption. A four-item Disciplines list follows, then Latest News cards. The desktop-scroll frame at actual scrollY=750 shows the Disciplines list and news row; a data-use settings notice overlays the lower-left of that frame.

Responsive

At 1440×1000 the headline spans two lines above the image rail, while at 768×1024 it wraps over four lines and the rail fills the width. At 390×844 the headline is smaller, the rail has a narrow central feature between cropped neighbors, and the disciplines list fits below. These saved widths do not establish breakpoint thresholds.

Scroll

At actual scrollY=750 in a 1440×5694 document, the frame shows the four disciplines and the beginning of Latest News, with the header visible and a data-use settings prompt covering part of a news card. The prompt is visible but was not activated. One scroll position does not establish sticky behavior.