About this template
A one-page studio story told on near-black paper. Oversized condensed headlines, a warm cream palette with a yellow accent, and rendered 3D set pieces that carry the reader through in a single scroll.
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.
Part of 3D website templates.
Discussed in Sixty-one of our 62 templates say they respect “reduce motion”. Fifteen keep moving anyway, The animation is the cheap part: what 62 template demos actually download, What a website template does not include: the work that is still yours after you buy and Choosing a template for a portfolio site: start with your projects, not the demo.
A closer look
What the interaction does
Scroll scrubs a pre-rendered image sequence. The file carries 181 WebP frames inline and paints them one at a time to a 2D canvas as the page moves, so the 3D set pieces are rendered artwork rather than geometry the browser builds. Nothing is fetched at runtime and there is no WebGL context to fail.
Who it suits
- A studio that wants one continuous cinematic scroll rather than a page of separate sections.
- A team whose story is fixed — mission, service list, process, closing argument — and who will not need to reorder it often.
- Anyone who would rather ship a heavy first load than depend on a graphics library.
Where it is the wrong choice
- A practice that publishes regularly. New work means re-rendering the frame sequence, not editing a page.
- Sites where the first load has to be light. The inline frame sequence makes this the largest document in the catalogue by a wide margin.
- Anyone who needs a contact form in the template — there is none, only a closing call to action.
What is in the file
- Five headed passages: mission, what the studio does, why it, the process, and a closing argument.
- One full-bleed scroll-driven film sequence, and one still image.
- No form, and no in-page navigation bar.
Responsive, motion and accessibility behaviour
Reduced motion is checked, the canvas redraws on resize, and three breakpoints handle narrow screens. Because the frames are already in the document, the sequence still plays with the network disconnected after first load.
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.
