← Index

03Architecture Studio

Kōgen Atelier

Year
2025
Location
Kyoto · JP
Discipline
Architecture Studio
Status
Live
Kōgen Atelier
01Overview

Kōgen designs buildings that treat light as material. Their new site treats a screen the same way — with weight, patience, and shadow.

02Challenge & Goal

Challenge

Architecture portfolios drown in imagery. The site had to hold decades of work without ever feeling like a gallery grid.

Goal

Create an editorial system that lets each project breathe, and a navigation that behaves like leafing through a printed volume.

03Research

Two months embedded with the practice in Kyoto. We photographed models, buildings, and paper — then designed the site to honour the same silence.

04Design System

A distilled palette and a two-family type system carry the entire surface from macro to micro.

Palette

Concrete#B7B4AE
Shadow#1B1B1B
Paper#EDEAE3
Cedar#6B4F3A

Typography

Display

Aa

Söhne Kontrast

Text

Aa

Söhne

05Process
  1. Step 01

    Archive audit across 62 built projects

  2. Step 02

    Editorial art direction and print pairings

  3. Step 03

    Bespoke horizontal timeline system

  4. Step 04

    Custom type built on Söhne Kontrast

  5. Step 05

    Web build with view-transitions and WebGL

06Results

5m 42s

Time on site

9

Award mentions

+3 int.

New commissions

Tools
FigmaCinema 4DThree.jsAstro