About this template
A cylindrical tower of six hundred independent triangular panels, each holding its own colour, depth and angle, standing over still water that reflects the whole elevation. Scrolling drives the panels through colour and depth states, and every state is a function of scroll position, so the building folds back exactly as it opened.
Delivered as single-file html. Every Formynex template is sold one to one, so pricing, licensing and any customisation are agreed directly with us before handover.
Discussed in Your projects are photographs. Five of these nine templates have nowhere to put one.
A closer look
What the interaction does
A facade that rebuilds itself as you scroll, drawn to a 2D canvas by the file itself. There is no Three.js, no GSAP and no CDN request of any kind: the whole template is under thirty kilobytes of document, against eleven megabytes for the heaviest in the catalogue.
Who it suits
- A practice that wants a statement page — four full-screen scenes, each with one line of copy.
- Anyone who needs the page to load fast and work with every external script blocked.
- Use as a front door in front of a conventional site that carries the actual work.
Where it is the wrong choice
- An architecture studio that needs to show projects. There is no image slot anywhere in this file, no project grid and no per-project page — the geometry is generated, not photographed.
- Anyone who needs an enquiry form, a services list or a team section.
- A site whose content changes. Four scenes and four headlines is the whole document.
What is in the file
- Four full-screen scenes, each carrying its own headline.
- A skip link and a three-item navigation: work, studio, contact.
- No form, no photographs and no external requests.
Responsive, motion and accessibility behaviour
Reduced motion is checked twice, the canvas redraws on resize, and two breakpoints cover narrow screens. Nothing is fetched at runtime, so the page behaves identically on a first visit and offline.
Everything above was read out of this template’s own source file, and the counts are counted rather than estimated. Open the live demo to check any of it yourself.
Related templates
Architecture holds 2 templates in the catalogue, so the rest of the row below is the closest match by shared tags.
