Blueprint Clean
Simple, light and editorial. Clear structure, real project photos, gentle reveals. Fast and easy for any visitor.
- Vanilla JS
- Filterable work
- Lightbox
- Inquiry form
Grand Opening
The page is a job site. The hoarding comes down to reveal an open store. A tape measure tracks your scroll, a schedule runs, the punch list gets ticked, protective film peels off real photos, and you cut the ribbon.
- GSAP
- ScrollTrigger
- DrawSVG
- Lenis
Site Model 3D
Glass doors open on the logo. A building constructs itself as you scroll, the roof lifts off to explain each service, the sign changes for every sector, and you walk a strip of real TABZ storefronts.
- Three.js
- Bloom
- 3D steel logo
- GSAP
Logo motion — "Raise the roof"
The TABZ mark is built like a job site: a laser sets the ground line, stakes mark the corners, steel trusses rise, the brand colours clad them, and the name is lifted into place. It runs as the loading screen in V2 and V3, and in 3D steel in V3's footer.
Open the logo study →