Datum — Architecture Studio Landing Template

▶ Live interactive demo (no signup): https://datum-teal.vercel.appDatum is a light, drafting-room single-page template for an architecture, engineering, or real-estate-development studio — built around a real WebGL hero, not a video loop: a wireframe building that draws itself in true drafting order, then wipes from paper-draft to photoreal as the camera cranes up.• The building draws itself — a per-vertex arc-length reveal shader on a welded line-set, pushed from the ground up the way an architect drafts.• Paper → photoreal wipe via three clipping planes (matte draft ↔ travertine + glass) with a glowing cyan construction seam.• A full-width drafting title-block strip: firm box, 6 sheet cells you click to jump, and the baseline rule doubles as the progress bar.• Swappable brand — palette, fonts (DM Serif Display), copy, and photos live behind CSS variables and clearly-marked constants.• React 19 + Vite + TypeScript + Tailwind v4, Three.js code-split. Static deploy, zero backend.Includes the full commented source, images, and a README with a customization map. Honest note: it's a heavier GPU hero — desktop smooth, mid-range mobile is the trade-off. Overkill for a plain page; it's for a studio that wants the hero to carry the brand.

Found on Devadex — the discovery index for independent software the big search engines bury. More from gumroad.

Report this listing