Designed by Women

How it’s built

Layout

Dark near-black page centers a large white two-line statement surrounded by separated cutout images of objects, with tiny corner identity and menu.

Type

Large white mixed serif and bold sans letterforms within the statement, small white corner labels.

Color and surface

Near-black, white, muted metallic and warm object colors.

Components

Centered statement surrounded by isolated objects, sparse header and outlined down arrow.

What makes it work

• Near-black field
• large mixed serif and sans white statement
• dispersed object cutouts

Measured

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

Live behavior

Today

Designed by Women opens on a dark charcoal canvas with a small DW mark at upper left and compact search/menu controls at upper right. Large white serif text reading “Women have changed design” sits among floating product and object photographs, with the objects distributed around the headline. A cookie notice and orange “ok” button sit near the bottom of the opening desktop and phone frames. The tablet frame keeps the dark field and headline, while the desktop-scroll capture shows a white About section beneath the dark hero.

Responsive

At 1440×1000 the desktop hero uses widely spaced product imagery around a large central headline. The 768×1024 tablet and 390×844 phone captures keep the dark canvas and headline but use narrower arrangements; the phone frame stacks the words and images within the viewport. Raw document heights are 8786px desktop, 7573px tablet, and 6896px ordinary phone. The fresh reduced-motion phone document measures 5738px. These samples do not establish breakpoint thresholds or explain the height difference.

Scroll

At actual scrollY=750 the desktop capture shows a white section headed “The Designed by Women” and “ABOUT,” with the dark product-image hero no longer filling the viewport. This is the saved scrolled frame; one sample does not establish sticky-header behavior or what triggered any transition.