All 10 projects
Concept projectBrutalist Architecture & Contemporary Interior DesignZürich · Milano · Kyoto

FORMÉ Studio

An architectural monograph and digital archive featuring an exposed 0px brutalist datum grid, asymmetric 7/5 project layouts, technical SVG section diagrams, and an interactive project dossier reader.

Open live concept
Cantilevered board-formed concrete residence by FORMÉ Studio overlooking Lake Zürich

01Overview

FORMÉ Studio is a fictional independent architecture and spatial design practice operating across Zürich, Milan, and Kyoto. The practice specializes in monolithic residential, cultural, commercial, and hospitality projects built from board-formed concrete, alpine stone, rammed earth, and untreated heartwood timber.

02The challenge

Architecture studio websites frequently reduce complex spatial works to silent image carousels with no structural context, material specifications, or floor area metrics. Conversely, corporate engineering portals lack the editorial gravity of print publications like El Croquis. Discerning private and institutional clients want to inspect both the atmospheric photography and the tectonic intelligence behind each building.

03The strategy

Structure the website as Monograph Issue N° 08: an experimental architectural publication built on hard 2px Charcoal datum lines, zero border-radius, dual-view project browsing (Asymmetric Publication Grid vs. Technical Ledger Table), and a deep Interactive Project Monograph Reader.

04The solution

  1. 01Brutal Slab Architectural Index Header (N7) with numbered section coordinates ([01] to [06]), SIA/RIBA practice datum, and direct Commission Brief trigger.
  2. 02Monolithic hero statement pairing oversized Inter Tight Variable typography with a 3-work interactive plate rail and live structural telemetry.
  3. 03Selected Works catalog filterable by typology (Residential, Commercial, Hospitality, Cultural) and switchable between an Asymmetric 7/5 Publication Grid and a Dense Technical Archive Table.
  4. 04Interactive Project Monograph Reader (#monograph) for all six projects featuring a 3-plate photograph switcher (Exterior Monolith, Interior Volume, Material Detail), full spatial narrative, 4-part Material & Tectonic Schedule, dynamic SVG Longitudinal Section AA diagram, and Prev/Next project navigation.
  5. 05Studio Philosophy manifesto detailing the practice’s 60km quarry sourcing radius, 1:50 plaster model workflow, and partner leadership in Zürich, Milan, and Kyoto.
  6. 06Four-column Services matrix (Architecture, Interior Design, Spatial Planning, Commercial Design) and a 4-stage Methodology grid (01 Research, 02 Concept, 03 Design, 04 Development).
  7. 07Structured Architectural Commission Briefing form with typology, GFA (m²), and budget band selectors that compiles a transparent portfolio demo commission dossier.
Monolithic contemporary interior volume with north-facing clerestory daylight
Fair-faced concrete and Hinoki timber courtyard sanctuary in Kyoto
Tectonic board-formed concrete joint and zenithal light slot

05Design decisions

Concrete Grey, Charcoal, Pure White & Soft Stone System

Soft Stone (#E9E6E0) and Concrete Grey (#B7B5B0) evoke cast plaster models and raw formwork, while Pure White (#FFFFFF) and Charcoal (#222222) provide high-contrast blueprint legibility.

Inter Tight Variable, Work Sans & Geist Mono

Monumental, tightly tracked uppercase Inter Tight headlines anchor the asymmetric grid, balanced by Work Sans body text and Geist Mono for archive codes, GFA metrics, and coordinates.

Strict 0px Radius & Exposed 2px Datum Rules

Every container, button, table cell, and image frame enforces a 0px border-radius with exposed structural rules, mirroring board-formed concrete construction.

Dynamic SVG Longitudinal Section Diagrams

Each project in the Monograph Reader renders a custom SVG architectural section cut showing cantilever spans, ridge heights, and bedrock embedment depths alongside the photography.

06Expected impact

Proposed solution engineered to position the practice at the level of internationally published architectural ateliers, communicate technical mastery to private and institutional clients, and capture qualified project briefs.

What we would measure after launch

  • Asymmetric Editorial Grid vs. Technical Ledger view switchesTo track after a real launch
  • Project Monograph Reader plate switches (Exterior, Interior, Detail)To track after a real launch
  • Prev / Next project monograph navigation depthTo track after a real launch
  • Architectural commission briefing form submissionsTo track after a real launch

Next project

Villa Aurelia

Boutique hotel · Taormina Mare

Want a site like this for your business?

Book a free 15-minute call. We will tell you what we would fix first.