Architecture studio site with oversized project codes

Architecture studio site with oversized project codes, minimal, swiss, light

Preview image. Unlock full-res

Minimal architecture-studio website using oversized sans-serif project codes like Ar15 and Am4 over a warm beige band, with a thin navbar and a small project thumbnail strip.

Summary

An architecture-studio website that turns abbreviated project labels into oversized display type. The defining move is using codes like Ar15 and Am4 as the hero typography rather than a headline.

Visual description

Two stacked states sit on a black canvas. The upper band is a warm beige rectangle holding a thin top navbar (an RS monogram, About / Philosophy / Work / Team on the left, language toggles Eng / Ger / Ita and a Contact link on the right) above a paragraph of dense intro copy, with two giant grey-brown labels, Ar15 and Am4, set in a heavy sans-serif. The lower state is the same navbar on white, with a centered vertical list of four small project codes (Pr08, Ar19, In07, Am04) in black, and a row of six tiny rectangular project thumbnails near the bottom. Generous negative space and a strict horizontal grid carry the layout.

Key takeaway

Using truncated project codes as oversized display type gives a studio site a signature, almost archival look without needing a logo. The pairing of a quiet beige content band against a black frame separates the masthead from the body cleanly. A row of micro-thumbnails hints at a portfolio without committing screen space to a gallery.

Reuse notes

Strong fit for an architecture, interiors, or design-studio portfolio where projects already have short reference codes. Works best with a disciplined neutral palette and a heavy grotesque. The tiny thumbnail strip needs strong individual images to read at that scale.

More like this