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 line grid on linen: three columns between two side margins, and every row sits on exactly the same lines.
- A drawn hero: spaced lines, an italic serif wordmark with a leaf, a bouncing arrow, and a terracotta arch that opens onto a hallway photo beside a drawn armchair and floor lamp, all SVG you can recolour.
- Motion: a black running line and a "call us" badge that turns.
- Client reviews from Formgong: a "Leave a review" form with one to five stars. Reviews you approve in Dashboard → Reviews replace the sample reviews in the slider, with the real average and count.
- Nine service cards in clay, sand, sage and white with Fraunces titles and large pill buttons.
- One form behind every button: "Sample", "Learn more", the call badge and "Write to us" all open it with the topic filled in, sent as a hidden
topicfield. It shows thanks only when the server answerssuccess: true. - Phones: a menu button and a sticky "Write to us" bar with messenger links.
Questions
How do I know which button a message came from?
Each button sets the topic, for example Sample design project or Call me back, and the form sends it as the topic field.
Can I change the colours?
Yes. Set --accent, --arch and the card colours (--clay, --sand, --sage) at the top of the styles; the arch scene is SVG and follows them.
Sources
Checked on 08.10.2026 against these public pages: Goldleaf on GitHub, MIT License (Open Source Initiative).