See it working

Open the live demo Download the HTML Source on GitHub
The demo form is real: it posts to a Formgong demo form. Demo messages are kept for seven days and are not emailed to anyone.
What is inside
- A story told backwards: scrolling turns a finished cliffside villa into the shell under construction, then the bare concrete frame, then the first line drawing on a drafting grid.
- A consultation form with name, email, optional phone, a budget band and a message, shown over a photo of the team.
- The Lattice grid: borders on grid lines, frames that draw themselves, boxes that slide in; reduced motion turns it off.
- Images: five WebP files (about 1.3 MB) generated for this template with FLUX.2 [klein] 4B (Apache 2.0) on Cloudflare Workers AI. Replace them with photos of your own builds, shot from one spot so the stages line up.
Questions
How do I use photos of my own house?
Replace the five files in img/ with your own, keeping the names. Take the construction stages from the same spot so the story lines up.
Can I change the budget bands?
Yes. They are the options of the budget select in index.html. Formgong stores whatever the visitor picks.
Sources
Checked on 08.10.2026 against these public pages: Lattice Estate on GitHub, MIT License (Open Source Initiative).