17 / 25·Typography & Craft

BÉTON

Brutalist archive. Zero JavaScript. Concrete honesty.

BÉTON homepage — full preview

About the work

An archive of brutalist buildings that practices what it praises: not one line of JavaScript. Isometric SVG massing studies, a hard modular grid, system-weight type and a rotating textPath seal — everything the page does, CSS does.

How it was made

The constraint was the design: every interaction had to survive without script. Iteration went to the seal — the circumference and letter spacing had to be computed by hand — and to scoping styles so the massing drawings and the stamp could share a page.

Like every work in the exhibition, it passed three full iteration passes — a visual critique, a deepening pass, and a QA pass at 390px with reduced motion and zero console errors — and documents itself in its own build guide.

Key features

  • The collection's only zero-JS site, by principle
  • Isometric massing drawings built in raw SVG
  • Hard grid with exposed structure, no decoration
  • CSS-only rotating seal set on an SVG textPath

Technology

  • Pure CSS
  • SVG
  • No JavaScript

In its own light

BÉTON — desktop homepage
Desktop · 1440
BÉTON — mobile view
Mobile · 390
BÉTON — build guide page
The /guide route — how the work explains itself