George Cox

How it’s built

Layout

White ruled grid splits a large monochrome shoe image at right from identity and navigation cells at upper left and a sparse statement with paired actions below.

Type

Small bold uppercase labels and regular black sans statement; traditional serif identity.

Color and surface

White field, fine black rules and grainy monochrome image.

Components

Ruled modular grid, right image, left identity, statement and paired actions.

What makes it work

• Fine ruled white grid
• dominant monochrome artifact image
• sparse identity and paired actions

Measured

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

Live behavior

Today

The George Cox desktop capture presents a Beams × Lavenham collaboration shop. A black announcement/header band and shipping ticker sit above a pale product area; the hero pairs collaboration imagery and a yellow “G. Cox Lavenham” panel with shoe/product cards. The saved desktop-scroll frame shows product names and prices. The selected gallery reference is a separate product composition, not a substitute for the captured page state.

Responsive

Desktop is 1440×1000 with a 1541×3206 document; tablet is 768×1024 with a 768×4355 document; the ordinary and reduced-motion phone documents measure 390×2824 and 390×2806 at 390×844. The phone images stack the collaboration content and product tiles into a narrow column, while tablet retains a wider composition. These samples do not establish breakpoints. The ordinary and reduced-motion phone captures also show different shipping ticker copy.

Scroll

The desktop-scroll frame records scrollY=750 in a 1541×3206 document and shows product tiles with product names and prices. This is the observed saved scrolled view only.