Studio concept, 2026, Art direction

Concrete and Light

Scrolling a project is the time of day: the light crosses the building while you read it.

The concept, live

Fig. 01

The page itself, not a picture of it. Use it here, then scroll inside the frame.

The one idea

An architecture practice sells one thing, and it isn’t floor plans. It’s how a room feels at four in the afternoon. So the site has no gallery grid: each project is one long scroll where a single light source moves across the work, from a low morning edge to flat noon and back into shadow.

The budget we’d hold it to

Load on a mid⁠-⁠range phone
under 2.5 s
Home page, mobile transfer
under 1.5 MB
Brief to launch
6⁠–⁠10 weeks

The budget it was designed to. A study has no traffic of its own, so these are targets; this site’s own numbers are measured on every build.

How it was decided

  1. 01

    The grid

    Considered

    A gallery grid of twelve projects, the way most practices show their work.

    Kept

    One project per scroll. A grid shows how many buildings there are; this practice sells how one room feels, and that takes a whole screen.

  2. 02

    The light

    Considered

    A photograph per section, shot at a different hour.

    Kept

    One light source for the whole page, drawn in the browser, moving with the scroll from a low morning edge to noon. The time of day is the navigation.

  3. 03

    The type

    Considered

    A quiet sans at a polite size, the voice every practice’s site already has.

    Kept

    A heavy grotesk at a size where the word becomes a surface, and a caption small enough to be read as a label on a drawing.

The same section as its first sketch: the layout in pencil lines on paper, the headings drawn as outlines, the text as gray bars.
The concept’s materials section on near-black: the heading "Materials" and hairline-ruled rows numbered 01 upwards, reading Concrete, Glass, Steel and Timber.

Fig. 02

Materials get a numbered list, not a mood board. Numbered rows, hairlines, no photographs to hide behind.

A close typographic crop: the word "Light" set in off-white so large that the letters run off the edges of the frame, over a dark warm gradient.
Fig. 03

The full render, 2700 px wide. Drag or scroll to move around.

Type is allowed to run off the frame. At this size the word is an image, and the caption does the explaining.

Arrows to choose, Enter to go, Escape to close.