Telha Clarke

How it’s built

Layout

A white bounded page scatters differently sized architecture images around a central black sans name and small count. Tiny top navigation and a black lower pill occupy the open field.

Type

Medium bold black sans central name; tiny compact sans navigation.

Color and surface

White field, black text, muted architecture imagery.

Components

Scatter varied rectangular images around a centered name on white, with compact navigation and a lower black pill.

What makes it work

• White field
• Scattered varied-size image rectangles
• Centered black sans name
• Compact navigation and lower black pill

Measured

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

Live behavior

Today

The desktop frame places a very large white TELHA CLARKE wordmark across a black top band. A thin white page field below carries a small work/process/studio label, location and contact at the top, a tall architectural image centered in generous whitespace, and a two-line statement at the lower right. The phone opening uses a dark full-screen architectural image with the wordmark, a Menu label and a small white statement near the bottom.

Responsive

The desktop wordmark is broad and edge-cropped; the phone frame keeps the brand at the top and places the small statement over the dark image. The tablet screenshot is mostly white with a compact wordmark and Menu at the top; the remaining page is visually blank in this saved frame. The separate reduced-motion phone screenshot shows a pale architectural image and a larger wordmark. These captures show distinct states, not a complete responsive breakpoint map.

Scroll

The state labeled desktop-scroll records actual scrollY 0 and keeps the same utility labels and lower-right statement as the opening frame. It provides no scrolled-page observation.