Twoo

How it’s built

Layout

Black field; small top information columns, huge cropped white numeral right, large regular three-line white statement low left, pale full-width project strip bottom.

Type

Large light regular white sans statement, tiny white/gray information and an exceptionally large cropped white numeral.

Color and surface

Black field, white display type, muted gray support and a pale project strip at the bottom.

Components

Small upper identity/information columns, giant numeral at right, low-left statement and full-width project strip.

What makes it work

• Huge cropped numeral balancing a low light statement and compact information columns on black.

Measured

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

Live behavior

Today

The page is a black canvas with a small Twoo® wordmark at upper left, a gray studio description and white email/social links across the top, and a large cropped white numeral-like graphic at right. The white statement “We are a design studio based in Barcelona, working worldwide.” sits near the bottom left above a white “13 Projects” bar. Tablet and phone stack the description and contact links near the top, crop the large white graphic at the side, and retain the Projects bar. The gallery reference is separately bound and is not used as evidence for the live pixels.

Responsive

Desktop t0/t2 are 1440×1000 with a 1440×1005 document; desktop-scroll is at actual scrollY 5. Tablet is 768×1024 with a 768×7105 document. Ordinary phone is 390×844 with a 390×5305 document; the fresh reduced-motion phone viewport is 390×844 but its document is 410×5431, indicating measured horizontal overflow. The same single animation entry is sampled in all six states. These viewport captures do not establish breakpoints.

Scroll

The desktop-scroll image is measured at actual scrollY 5 in a 1440×1005 document. It shows the same opening composition as t0/t2 with a 5px vertical shift, not a distinct lower section. No sticky behavior or scroll mechanism is established.