Forms: AI building & theming
Draft and revise a form by describing it to Orbit, and theme it — colors, background, fonts — to match your site instead of looking like a generic form.
Every form has an AI assistant built in — Orbit — for drafting a form from a description and for revising one already on the canvas, plus a full theme editor for making it look like your site rather than a generic form.
#Building a form with Orbit
From the forms list, choose Build with Orbit instead of starting blank or from a template. Describe the form in a sentence — "A job application form for a restaurant, with CV upload" or "Wedding RSVP with meal choice and dietary needs" — and Orbit drafts the fields, wording, and a starting theme, shown live in a device preview as it writes.
Nothing is created yet at this point. You can keep talking — ask for a change and Orbit revises the same draft — and only clicking Create form turns it into a real form in your workspace. Closing the dialog or starting over drops the draft.
#Editing an existing form with Orbit
Inside the builder, Edit with Orbit on the icon rail opens a panel beside the canvas rather than a separate dialog — the form stays visible and clickable while you type. Ask for a change — "Make the email field optional", "Add a phone number field", "Rewrite the description to be friendlier" — and it applies straight to the canvas.
Orbit acts on whatever is actually on the canvas at the moment you ask, including changes you made by hand — it is not working from the original AI draft once you have edited fields yourself.
Orbit is unavailable on the demo workspace, and, like the rest of the AI features, is subject to your plan's quota — hitting it opens your billing page rather than failing silently.
#Theming a form
A form's theme is its own — there is no shared theme library across forms, so restyling one never touches another. Open Theme on the icon rail to set it.
#Standalone link vs. embedded
The first choice is where the form actually lives, because it changes what "background" means:
- Standalone link — the page background you set fills the whole share-link page behind the form card.
- Embedded on a site — there is no page of your own behind an embedded form; the host page's own background shows through, so only the card itself is themed.
#Looks
The Looks tab is the fastest way to a polished form. The Studio looks — Studio, Studio Dark, Editorial, Aurora Glass, Graphite, Sand, Indigo, Volt and Blush — set everything in one click: colors, background, font, field style, button shape, spacing and title size. Below them sit the designed, tinted and solid presets like Nightshift, Sky and Classic. Every control on the other tabs still works afterward to fine-tune a look.
#Colors
Page background, card background and border, the submit button color (which also drives focus rings), label color, and the input fields' own background, border and text color — each is independent, and label/input text color default to matching the form's general text color if left blank. A text color setting switches between Auto (picked from the card background's brightness), Light and Dark.
#Background
The page and the card each carry their own background independently, as a plain color, a gradient (a preset swatch or your own CSS gradient string), or an image — uploaded directly or linked by URL, with a fit (fill, fit, or tile) and a position. A page background can stay fixed while the page scrolls. Anything other than a plain color can take a readability overlay — a tint at an adjustable strength laid over the background so text on top of a busy photo stays legible.
#Style
The Style tab shapes the form itself rather than its colors:
- Layout — a card, or Flat for an open page with no card at all; a narrow, regular or wide width; and compact, default or airy spacing.
- Typography — eleven fonts including Inter, DM Sans, Manrope, Plus Jakarta Sans, Space Grotesk, Playfair Display and Fraunces, plus a title size from small to extra large.
- Fields — outline, filled or underline inputs, and their corner radius.
- Button — solid, soft or outline, either matching the fields' corners or fully rounded as a pill.
- Card — corner radius, shadow depth, opacity, and a frosted-glass blur over whatever sits behind a translucent card.