Design Styler
The Design tab styles a whole form at once: colours, fonts, spacing, buttons and dark mode, with a live preview. Open it in the form’s Settings › Design.
A field’s own Style Options in the editor still win over the Design tab.
Presets
Start from a preset and adjust it: FormGlut default, Minimal, Rounded, Material, Bold, Glass, Dark, Flat or Elegant.
Made a design you like? Click Save as preset, give it a Preset name, and use it on other forms.
Colours
Primary / accent, form background, text, labels, field background, field text, borders, focus and errors.
Text and spacing
| Setting | What it does |
|---|---|
| Font | Theme / FormGlut default, System font, Same as the page, or a Google Font. Google Fonts are loaded from Google only on pages with this form. |
| Font size | The base text size. |
| Label weight | Normal, Medium, Semi-bold or Bold. |
| Form corner radius / Field corner radius | Rounded corners. |
| Field padding | Space inside the fields. |
| Border width | Thickness of field borders. |
| Space between fields | Vertical spacing. |
| Shadow | None, Soft, Medium, Hard (offset) or Glass. |
Buttons
| Setting | What it does |
|---|---|
| Style | Filled, Outline or Gradient. |
| Button colour / Button text | Colours. |
| Button radius | Rounded corners. |
| Button width | Fit the text or Full width. |
Dark mode
Set Dark mode to Automatic to follow the visitor’s system setting with a dark version of your design. Off always shows the light design.
Preview
The preview on the right shows a sample form with your design, including an error message, so you can check every state before saving.