Forms Demo — Custom Branded Form

This page demonstrates how a static site handles data capture with a fully branded form — no iframes, no third-party UI.

What you’re looking at

The form below is not a Google Form embed. It’s a custom HTML form styled with the Imbila brand kit, running on the same static page as everything else. When you submit it, a small JavaScript function sends the data to a Google Apps Script, which writes it to a Google Sheet.

No backend. No database. No server. Just HTML + a Google Sheets webhook.


How it works

There are two pieces:

1. The form (this page)

A standard HTML form with brand-consistent styling — DM Sans typography, honey gold accents, dark inputs matching the site's design tokens. It lives in the site templates and can be dropped into any page.

On submit, JavaScript collects the field values and sends them as JSON to a Google Apps Script URL. The visitor never leaves the page.

2. The backend (Google Apps Script)

A small script deployed as a web app in Google Apps Script. It receives the JSON, opens a Google Sheet, and appends a new row. The entire backend is about 20 lines of code — and it's free.

POST → Apps Script Web App → Google Sheet → done

Data lands in the Sheet in real time. From there you can set up email notifications, connect to a CRM, or have an AI agent process submissions via the Sheets API.


The agent angle

Everything about this form is agent-operable:

  • The form itself is HTML in a template file — an agent can add fields, change labels, or modify validation by editing text
  • The Apps Script is JavaScript in Google's editor — an agent can modify the processing logic via the Apps Script API
  • The data lands in Google Sheets — an agent can read, filter, and act on submissions via the Sheets API

Compare this to a Google Form embed: the form's styling is locked, the fields are configured in Google's GUI, and customisation requires clicking through menus. The custom form keeps the entire pipeline in text and APIs.