Website template

Goldleaf: a free website template for design and architecture studios

A playful one-page site for an interior design or architecture studio that sells fixed-price services, in a single index.html file. The demo studio, Goldleaf, and its prices, address and reviews are fictional.

Short answer: Goldleaf is free under the MIT license. Download goldleaf.zip, replace fk_your_access_key in index.html with your Formgong access key, and upload the folder with its img directory to any static host.

See it working

No ratings yet. Be the first to rate Goldleaf.

Rate it:

Goldleaf home page
Goldleaf: the first screen of the demo.

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 topic field. It shows thanks only when the server answers success: 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).

← Formgong