v5 · Specimen 2026 · the magic of the real
The interface, as matter.
Therme Vals at dusk. Sixty thousand stones stacked into walls so thick the room itself becomes a body. A single warm light, low in the chamber, catches the edges of things. Water finds its level. This version is that room: components are not placed on a surface — they are carved into it, or emerge from it. Depth is structural. Light is direction. Motion is settling.
“Real things… are what they are, not mere vehicles for an artistic message.” Peter Zumthor · Thinking Architecture
Material
the body of architecture · material compatibilityOne material family. Oiled oak in the default chamber, board-formed concrete in the alternate. Brass for what is precious. Three mineral pigments for status: deep moss, ochre, oxblood. Every color must belong to the others — the room before color theory.
A single warm light at 2700 Kelvin — the bulb in a stone chamber. Not red, not yellow. The temperature of dusk, dimmed.
.material-band — a horizontal differentiation, used to mark thresholds between regions of the page.
Light
light on things · directional, warm, lowA single source, upper-left. Shadows are long, soft, and warm — not the crisp directional of a workshop, but the slow fall of a fixture set into stone. The accent color is the light itself, made matter where it gathers.
The lit edge
Where the bulb's wash touches the top of a slab, the material warms. The brightest moment in the room is the top edge of a button, of a card, of the typographic stroke.
The deep cut
An input is a recess in the matter. Light cannot reach the bottom of it; the inset shadow is what the eye reads as cut. The cut feels colder than the surface.
Five depths and the wall. Most components live at proud or cut; the deeper steps are reserved for modals and pockets.
Inscription
type engraved · the nine sizes of voiceDisplay is a serif (Source Serif 4), set into the surface with a top highlight and a bottom-shadow inscription. Body is Inter — the working language. Mono is reserved for product nomenclature. Headings are not painted on; they are cut into the wall.
Weight
primitives, carved or proud, with substanceDefault buttons are slabs proud of the wall — the top edge catches light. Hover: the light catches more. Press: the slab settles into a cut. The primary is brass set into the chamber.
Inputs are recessed deeply enough that the type sits in shadow. Focus draws the field a millimeter deeper and rings it in brass.
Tags are stone chips with a beveled edge. Status dots are small LEDs set into the wall. Kbd is a brass cap whose top edge catches the light.
The strip is a channel carved into the wall. The active tab is a slab that emerges from it.
Composition
a room editor, in this material register| Room | Code | NSF | Qty | Status | |
|---|---|---|---|---|---|
| Examination Room — Standard | EXAM-103 | 168 | 12 | Approved | |
| Cardiac Cath Procedure Room | CATH-201 | 650 | 2 | In review | |
| Echocardiography Room | ECHO-205 | 220 | 4 | Blocked | |
| Patient Consultation Room | CONS-104 | 120 | 6 | Draft | |
| Treatment Room — Procedural | TRTM-152 | 240 | 8 | Approved |
The table is a register carved into a recessed panel. Rules are faint bevels — a hairline highlight above, a hairline shadow below. The selected row is washed warm by the bulb.
Hover any card. The light catches its top edge more strongly and the slab lifts a hair — composure, not aggression.
No room selected
Pick a room from the rail to bring it into the light.
The shell is a chamber, hollowed from the wall. The rail is a side aisle; the main panel is the bath.
The Nine Qualities
Zumthor · Atmospheres · the frameworkFrom Atmospheres (Birkhäuser, 2006). Each quality is a dimension of atmospheric perception. Each design move below is how that quality is honored in v5.
Before · After
a single controlGradient, emoji, decorative hover-lift, soft radius. Six visual decisions, none about the building.
Brass set into the wall. The light catches its top edge. On press, it settles into a cut. Material doing the work.