Themes and branding
How a served form looks. Open Settings in the builder’s top bar and find the Theme section. Every form has its own theme.
What you can set
Section titled “What you can set”Brand colour, background colour, text colour, font family, and a logo.
Rounded corners and Space between fields are chosen by name, with a live preview as you type:
| Rounded corners | Space between fields |
|---|---|
| Theme default, Square, Subtle, Rounded, Very rounded, Pill, Custom | Theme default, Compact, Comfortable, Roomy, Custom |
Custom reveals a free-text box taking any non-negative CSS length (1rem, 12px, 0.5em, 0). A value carried in by a blueprint that matches no named option opens under Custom showing itself unchanged: nothing is converted or rounded to the nearest name.
Every form draws a subtle outline, so the corner setting is visible even on a single-page form with no sections, and it shapes the answer boxes on the form too. A form whose author never opened this panel picks up the default corner radius on its inputs.
The form header title comes from the theme and is rendered on served forms.
The org-wide default
Section titled “The org-wide default”Every form starts from an org-wide default theme, and every form overrides it independently, so changing the default changes only the forms that have not set that value themselves.
Change the default from the Admin Dashboard’s Default theme panel, in the right-hand column under Delivery. It shows the six values in force and opens the same six controls the builder’s theme panel uses. Whatever you leave blank keeps the packaged default, and Use package defaults clears all six in one click. A form’s own theme still wins over anything set here.
There is nothing to configure in Setup. The packaged default appears there read-only by design, because the package supplies its values. Use the dashboard panel instead.
One other approach is sometimes what you want: set the theme on one form and use Duplicate for new ones, which carries it.
Which values are accepted
Section titled “Which values are accepted”Colours accept hex, colour names, and both older and modern CSS colour functions. The two length settings take any non-negative CSS length under Custom. Fonts come from a short list of stacks that browsers already have. The full detail, including the formats that are ignored and the setting an external logo needs, is on Colours, fonts and logos.