Skip to content
All work

Web Design · Client project

Terraform Studio

A website built like architecture

Brand
Terraform Studio
Sector
Architecture
Disciplines
Web Design, Branding & Visual Identity
Status
Client project
Terraform Studio website on a laptop and phone

01Overview

Terraform Studio is a contemporary architecture practice. We designed a responsive website that lets the photography lead while making it easy for prospective clients to understand the studio and get in touch.

UX & site structureResponsive web designDesign systemProject templatesContact flow

02The brand

Background & identity

Architecture studios are often judged on their portfolios first. Terraform wanted a site that felt as considered as its buildings and turned visitors into conversations.

03The brief

The challenge

Balance large, immersive imagery with fast loading, keep navigation simple across desktop and mobile, and give the studio a system they can grow with every new project.

Three phones showing Terraform Studio mobile pages

04Creative direction

The concept

Generous whitespace, a refined serif headline and a single sage-green accent create a gallery-like calm. A strict grid echoes architectural plans, and every page ends with a clear invitation to talk.

05Design development

How it came together

Terraform Studio

Construction grid · Transitional SerifBaseline · x-height · cap height

Step 01

Structure

Site architecture was mapped around three visitor goals: see the work, understand the approach, start a conversation.

Step 02

Design system

Colour, type, buttons and image cards were documented so new pages stay consistent.

Step 03

Mobile first

Every template was designed for the phone first, then expanded for larger screens.

06Typography & colour

Aa

Transitional Serif

Headlines

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Aa

Clean Sans

Navigation & body

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789

Sage

#7F8F7A

Concrete

#B7B7B1

Off White

#F2F0EB

Graphite

#2E2E2C

07Final presentation

The identity in use

How the system comes to life across real touchpoints and applications.

Terraform Studio website design system on a desktop monitor
Terraform Studio

Terraform Studio

Architecture
Terraform Studio

A website built like architecture

Architecture
Terraform Studio

T

Architecture

Next project

Maison Àdé

Branding & Visual Identity

Related projects

All work

This project was crafted by CLEVAR in collaboration with Terraform Studio to deliver an impactful brand identity and cohesive visual experience.