FORMA
Architecture, read as a measured dossier.
Forma presents architecture through the spaces themselves. A large framed photograph opens beside a narrow project archive, giving each interior room to speak before the studio describes its approach. Selecting a project changes its image, facts, material palette, and spatial study. The page then follows the scale of a physical dossier: a measured plan, a broad detail photograph, a smaller material crop, and quiet practice notes. Paper, charcoal, hairline rules, and compact technical labels recall an architect’s presentation board. The nested volume symbol expresses the relationship between structure and the lives it holds.

- Role
- Brand identity and frontend design
- Year
- 2026
- Platform
- Responsive website
- Status
- live

The problem
An architecture practice needs to show the experience of a room and the decisions behind it. Photographs, plans and material facts should stay connected to the selected project.
What I built
A responsive architecture archive with project selection, original spatial studies and a coordinated material dossier.
Inside the product.
Screens from the working product, with demonstration data.
Desktop website
A large interior photograph sits beside a narrow project archive. The restrained frame and compact facts keep the opening closer to a presentation board than a promotional banner.
Scroll sideways to inspect the interface.
The choices behind it.
Brand identity and frontend design
Give the room the first word
A large interior photograph sits beside a narrow project archive. The restrained frame and compact facts keep the opening closer to a presentation board than a promotional banner.
Keep a project through the dossier
Selecting a residence changes its image, facts, material palette and spatial study. The dossier follows with a measured plan and unequal detail photographs.
Structure around the lives it holds
An open, nested architectural volume represents the dialogue between structure and the lives it holds.

From start to finish.
- Choose a project from the archive
- Study its room and spatial plan
- Read material and practice notes
Build details Stack, scope, and implementation
Built with
- React 19
- TypeScript
- Vite
- CSS
Areas
- Web design
- Brand identity
- Architecture
- Interior design
- Studio
- Editorial
