UNStudio

How it’s built

Layout

A large cyan and purple circular image fills the frame behind centered bold white identity and two underlined links; black pill navigation sits top right.

Type

Very large heavy white sans center identity, smaller underlined sans links.

Color and surface

Cyan and purple circular image with darkened perimeter, white text and black navigation pills.

Components

Top identity and controls, centered title, two links and immersive background.

What makes it work

• A bold centered white identity over a saturated circular image with small dark navigation pills.

Measured

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

Live behavior

Today

The captured UNS landing page opens with a full-bleed dark image, compact white UNS mark and rounded navigation pills for Projects, Services and Careers alongside search and menu icons. A very large centered all-caps white headline overlays the image; desktop t0 reads “WE EXPLORE LIMITLESS IDEAS,” while desktop t2 and hover show other headline/image frames. Two small underlined Design and Consulting links sit below it. A black Cookiebot consent panel spans the bottom of desktop t0 and t2 and the lower content on scroll. Tablet and phone retain the image-led hero, with a wide consent dialog dominating phone. The selected live screenshot separately reads “WE LOOK BEYOND ARCHITECTURE”; the gallery screenshot is distinct evidence showing a cyan and purple circular image behind “WE ARE UNS.”

Responsive

Desktop states measure 1440×1000 with 1440×14708 documents; desktop-scroll records actual scrollY=750. Tablet measures 768×1024 with a 768×14007 document. Both phone states measure 390×844 with a 390×11770 document. The mobile frame shows a distinct crop and an almost viewport-filling consent dialog. Sampled animation entries are 2, 3, 8, 2, 0, 4 and 0 in state order. These samples do not identify the cause of hero-frame changes or establish breakpoints.

Scroll

The desktop-scroll state records actual scrollY=750 in a 1440×14708 document. It shows a narrow dark image strip below the header and a large dark statement on a pale field: “We’ve always thrived on thinking differently…” with a smaller right-side paragraph. The Cookiebot panel remains fixed across the bottom of the frame. This is evidence for that saved position only.