Design
In the Layout tab of the form editor, you adjust the appearance. The settings are grouped into four sections.
Text
| Setting | Effect |
|---|---|
| Form title | Heading, placeholder Add title… |
| Description | Intro text, placeholder Add description… |
| Submit button text | Label on the submit button |
The button text can be specific
Submit is neutral but says nothing. Send application, Request appointment, or Report issue tells people what happens next — and raises the completion rate.
Images and logo
| Setting | Effect |
|---|---|
| Background image | Image in the header area of the form |
| Logo | Your own logo above the form |
| Width | Logo width as a percentage of the form width |
The logo is plan-dependent
Your own logo is only available on the top plan. Background image and colors are available on every plan.
Choose logo width conservatively
The value is a percentage of the form width, not a pixel size. Values around 20 to 30 percent usually look better on mobile devices than large logos that take up half the screen there.
Colors
| Setting | Applies to |
|---|---|
| Primary color | Accents throughout the form |
| Button color | Submit button |
| Background color | Area behind the form |
| Card background color | The form's own surface |
| Header color | Header area |
| Card without shadow | Removes the drop shadow |
Two colors are usually enough
Primary color and button color are enough for a coherent result. Set all six settings to different values and the form quickly starts to look busy.
Pay attention to contrast: light text on a light background is unreadable on mobile in sunlight.
Field style
Two options:
| Option | Appearance |
|---|---|
| No border | The label floats up as you type |
| With border | The label stays fixed above the bordered field |
"With border" is usually the safer choice
With No border, the label sits inside the field at first — some people mistake it for an already-entered value. On longer forms with many fields, With border is clearer.
Hiding the product notice
Forms carry a default notice, Create your own free form with …. Hide product notice removes it.
Plan-dependent.
Checking the appearance
View at both widths
Preview in new tab shows the form as people filling it out will see it. Shrink the window to smartphone width — that's where oversized logos, poor contrast, and overly long labels first stand out.
When embedding, there's also a Smartphone preview and Computer preview. → Sharing a form
Limits of the design options
What isn't possible in a form
- No custom CSS, no free positioning
- No conditional display of fields
- No multi-column layout — fields stack vertically
If you need that, a Page is the right tool: it offers layout blocks, HTML, and conditional visibility.