Case Study / Aesthetic websites
Brutalist archive website concept BÉTON
Industry
Editorial
Stack
HTML · three.js / GSAP / canvas / Web Audio as needed
Turnaround
1 day
Role
Design + build, end to end
Inside BÉTON
The brief
Brutalist archive. A made-up client, built to prove a real technique.
Read the build guide ↗The approach
The signature is a zero-JavaScript structural grid with isometric massing drawings. The whole page is composed around that one idea, so type, palette and pacing all defer to it.
Like every study in the collection, it ships with a /guide route documenting exactly how the technique works. It also passed the same quality floor as client work: responsive to 390px, keyboard focus visible, reduced motion respected, zero console errors.
Design intent: Prove that a zero-JavaScript structural grid with isometric massing drawings can carry an entire page.
Want something in this register for your brand?
Related: web development · ui/ux design · templates
More editorial websites
Free first draft · 6 to 12 hours · no contract