Komma Komma

How it’s built

Layout

Dark architectural image fills the frame, bordered visually by a window. Small white project metadata runs across the center, with an introduction low left and utility controls top right.

Type

Medium white sans introduction and small uppercase metadata.

Color and surface

Black and warm brown framing, cool city image and white overlay text.

Components

Identity mark, utility controls, project metadata and introduction.

What makes it work

• Full-screen architectural image with distributed project labels and low introduction.

Measured

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

Live behavior

Today

The Komma Komma capture opens on a dark, leafy full-viewport project image with a centered vertical Merla poster, project labels, a quote mark at upper left, booking/menu controls at upper right and a short studio introduction at lower left. A Cookie Preferences panel overlays the lower right. Desktop t0 and t2 show the Merla project; the hover-labeled state shows a city apartment project in the same frame. The selected gallery screenshot instead shows the city project with the introduction and a booking note. A separate selected live-website image is only a pale gray field with a black abstract quote mark; it does not show the saved page composition.

Responsive

Desktop is 1440×1000 with a 6503px document; tablet is 768×1024 with a 6162px document; phone is 390×844 with a 5780px document. Desktop shows the Merla poster over foliage; tablet and ordinary phone show a city apartment photograph with the project labels and cookie panel. The fresh reduced-motion phone screenshot is mostly pale gray and shows only the cookie panel near the bottom, while its measured document is 390×5398. These are separate saved states; no responsive breakpoint or cause for the image differences is inferred. The body CSS background measures rgb(234,234,234), unlike the dominant dark photographic field.

Scroll

The desktop-scroll state records y=750 in a 1440×1000 viewport and 6503px document. It shows the heading “You only quote what’s important.” and the introduction section below the project hero. This is the recorded position only.