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 split hero: paper on the left, the photo bleeding off the right edge. Scrolling through it changes the project; the photo wipes up and every label rolls letter by letter.
- Sections: a manifesto with a frame detail, collections as rows that fill with ink on hover, ateliers with addresses and hours, and a dark closing footer.
- An enquiry form with name, email, optional phone, project type, message and consent. It shows "received" only when the server answers
success: true. - The Lattice grid: every border on a grid line, frames that draw themselves, boxes that slide in; reduced motion turns it off. Below 1080px the page flows in a phone layout.
- Images: four WebP files generated for this template with FLUX.1 [schnell] (Apache 2.0). Replace them with photos of your own work, keeping the names.
Questions
How do I change the hero projects?
They are the SLIDES array in the script at the end of index.html, and the photos are the img tags in the .slides block, in the same order.
Can I use it for a kitchen or furniture maker?
Yes. Change the collections, the copy and the photos; nothing in the layout is specific to windows.
Sources
Checked on 08.10.2026 against these public pages: Lattice Atelier on GitHub, MIT License (Open Source Initiative).