Architecture studio

Monolith

A brutalist studio site where the drawings are real, zoomable and to scale.

≈ $199 · single-project licence · 170+ hrs of build

• ✓Complete source, no removed modules
• ✓Setup guide + environment reference
• ✓Files prepared and transferred within 24h
• ✓No payment taken on this site
• ✓Cancel at no cost any time before transfer

what's in the box

Built for real use.

A website for an architecture practice that publishes its work the way architects read it. Sixteen case studies pair an MDX narrative with a sticky facts sheet, a gallery and a full drawing set. Plans, sections and elevations open in a full-screen lightbox, zoom to 8× and keep a correct scale bar. Press G to see the twelve-column grid the whole site is set on, or B to redraw everything as blue linework on drafting paper. Every image is rendered by a small ray tracer that ships with the code.

• →Drawings viewer built from pointer events and CSS transforms: pan, pinch, wheel and keys from 1× to 8×, with a scale bar derived from sheet millimetres
• →Intercepting routes: a native <dialog> lightbox over the case study, and the same URL as a server-rendered standalone sheet
• →Hero morph from the index thumbnail with React <ViewTransition> and prefetched Partial Prerendering shells
• →Grid overlay and blueprint mode on one set of semantic tokens, persisted with no flash; axe-clean in both
• →In-repo path tracer for 125 monochrome renders, and 75 SVG sheets generated from the same massing models

Case studies

16

Drawings

75

Renders

125

Pages

280+