Forms: AI building & theming

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.

#Presets

Thirty presets cover most of what a form needs to look intentional without touching a color picker — designed looks like Nightshift, Glass and Blueprint; tinted looks built around one hue like Sky, Amber and Forest; and a set of plain solids like Classic, Paper and Ink for a form that should read as neutral. Picking one sets colors, background and card style together; every control below still works afterward to fine-tune it.

#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.

#Card & type

Font family, corner radius, shadow depth (from none to dramatic), card opacity, and a frosted-glass blur applied to whatever sits behind a translucent card — the details that decide whether a form reads as part of your site or as an obviously separate tool bolted onto it.