Forma House

An image-led portfolio concept for an architecture studio. The courtyard imagery illustrates a fictional project.

Try the demo

Forma House website mockup with a large serif masthead and a sunlit concrete courtyard — DesktopView full preview

Forma House on a phone, with a portrait view of the courtyard and a View projects button — MobileView full preview

Try the interactive concept

Open the interactive demo

The brief

The homepage needs to establish the studio’s point of view and give prospective clients a clear way to browse its projects and get in touch.

Design decisions

Lead with one large architectural image to communicate material, scale, and atmosphere.
Use an oversized serif masthead and a restrained warm palette so the imagery carries the page.
Keep Work, Studio, and Contact visible in the main navigation so visitors can go straight to the information they need.

The courtyard image changes to a portrait crop and a dedicated View projects button appears beneath it. The other navigation links fit behind a single menu.