Penang

Previous — 03 / 09NOIR Studio
STUDIO NOMA website, home page: Light, material, proportion — a stair between two warm walls

04 / 09 — Work

Concept Project — Architecture & interiors

STUDIO NOMA

Type
Web design & development
Industry
Architecture
Year
2026
Setting
Kuala Lumpur · George Town

Overview

Architects are judged by their buildings, so the site behaves like a monograph: a stair and three words to open, then four projects, each with its own rhythm and its own drawings — plans and sections made for every one of them.

Role
Art direction
Architectural drawings (SVG)
Development
Built with
Next.js
React
Tailwind CSS
View Transitions
Every screen16 pages & views — STUDIO NOMA
STUDIO NOMA: selected projects — HOUSE 07, SORA, NAMI, ATELIER 22, each placed differently

Selected projects — each placed differently on the grid.

Index

The index previews each project under the pointer; a click, and its photograph travels into the project page.

Screen recording of the live site · 17s

Direction

Four quiet colours and one typeface — the photographs and the drawings carry everything else.

  • Warm white#F3F2EE
  • Stone#D8D4CB
  • Concrete#8C8A84
  • Almost black#181818
  • EverythingGeistthree sizes do almost all the work
  • Drawings & labelsGeist Mono
STUDIO NOMA: HOUSE 07 — One wall, many rooms, with the ground floor plan
HOUSE 07 — One wall, many rooms: a plan drawn for the project, with its scale and north.
STUDIO NOMA on a phone: HOUSE 07
STUDIO NOMA on a phone: the plan of HOUSE 07
STUDIO NOMA on a phone: the projects index

On a phone — the drawings scroll sideways at their own scale.

Ten rooms

A strip of rooms to drag, swipe or step through with the arrow keys — each shown at its hour.

Screen recording of the live site · 11s

STUDIO NOMA: HOUSE 07 — Shade first, then light: the section with the sun angles and three hours of the day
STUDIO NOMA: HOUSE 07 — four materials, chosen for how they will look in thirty years

HOUSE 07 — Shade first, then light · Four materials

STUDIO NOMA: the process in five stages
Studio — the process, in five stages.

Let the work be the loudest thing on the page.

A website of this size is quoted for its pages and features. Complex animation and interactions are quoted separately.

Moire Co. website, home page: More than a gift, a memory
Next — 05 / 09Scroll or click
E-commerce · Premium giftingClient Project · 2026
Next project: Moire Co.