Forms · Glossary
What is a form theme?
A form theme is the set of visual rules a form is drawn with: the background, colours, typefaces, input borders, buttons, spacing and corner shapes. It changes how every question looks without changing which questions are asked. A template is the opposite, a set of questions that happens to come with a look.
Keeping the look apart from the questions is what lets a form be rebranded in a minute instead of rebuilt in an afternoon. It also concentrates accessibility in one place, because a theme that fails contrast fails on every field at once.
Nuwan Madhusanka · Co-founder
5 min read · Published
| Setting | Count | What it suits |
|---|---|---|
| Classic themes | 12 | Forms with many fields on a page, including forms that get printed |
| Conversational themes | 25 | One question per screen, with room for bolder layouts |
| Colour palettes | 22 | Brand colours applied over a theme, overriding its colours |
| Font pairs | 23 | A heading face and a body face chosen to sit together |
| Background patterns | 24 | Decoration behind the form surface |
| Custom themes | Your own | Built in four tabs: layout, colours, typography and effects |
What a theme controls, and what it leaves alone
Everything a respondent sees before reading a word belongs to the theme: the page colour behind the form, the surface the fields sit on, the accent used for buttons and focus rings, the colour and weight of text, the border on each input at rest and in focus, the rounding of corners and the shadows. What the theme does not touch is the substance. The questions, their order, which ones are required, what the options say and how the answers are stored stay exactly as they were. That boundary is useful in practice, because it means the look can be revisited after launch without any risk to responses already collected or to the columns in an export.
Theme vs template
A template is a starting set of questions for a purpose, such as a patient intake form or an event registration, and it usually arrives wearing a look. A theme is only the look. People mix the two up when they pick a template because the design is attractive and inherit questions that do not fit their situation, or reject a template with exactly the right questions because they dislike its colours. Judge a template on its questions and a theme on its readability and fit with your brand, and treat them as two separate choices. The questions will outlive several changes of theme.
Readability rules a theme has to pass
Three accessibility checks catch most theme failures. Body text needs a contrast ratio of at least 4.5 to 1 against its background, and large text at least 3 to 1, which rules out pale grey labels and light text over photographs. The parts of a control that show where to type or tick, such as input borders and checkbox outlines, need at least 3 to 1 against what surrounds them, which is where many minimal themes quietly fail. And keyboard focus has to be visible, so a theme that removes the focus ring to look clean leaves keyboard users guessing which field is active. Check placeholder text separately, because it is often the lowest contrast text on the page.
Common mistakes
Painting every input border in the brand colour is the most common, and it makes a form look as if every field is in an error state; borders read best neutral at rest with the accent kept for focus. The second is choosing a theme before the questions exist, which leads to cutting good questions because they spoil the layout. The third is a busy background behind long forms, which tires the eye by question ten. The fourth is signalling errors by colour alone, which fails anyone who cannot tell red from green, so an error needs words as well as a colour.
When a change of theme is worth it
A theme earns a change when it is getting in the way of answers, not when it has simply become familiar to the team. The signs are practical: people on phones missing the submit button because it blends into the background, respondents asking whether a field is optional because every border looks the same, or a form that no longer looks like the organisation sending it after a rebrand. Changing the look of a recurring survey between waves is also worth doing carefully, because a big visual change can leave returning respondents wondering whether it is the same survey they answered last time.
Themes in this form builder
There are 37 built in themes, 12 for classic forms and 25 for conversational forms, and the two sets are separate. On top of a theme, one of 22 colour palettes can override its colours and one of 23 font pairs can override its type, so brand colours do not force a particular layout. There are also 24 background patterns. When nothing fits, a custom theme can be built across four tabs: layout, colours, typography and effects. Changing the theme never changes the fields, so it is safe to leave styling until the questions are settled.
Questions people ask
Does changing the theme affect responses already collected?
No. Responses store answers against fields, and the theme only decides how those fields are drawn. An export taken before and after a change of theme has the same columns in the same order. The one thing worth rechecking after a change is any screenshot or printed copy you have shared, because those now show the old look.
How many colours should a form theme use?
Usually one accent plus neutrals. The accent marks the things a person acts on, such as buttons, selected options and focus, and everything else stays in greys or a single tint of the background. A second accent colour tends to compete with the first and makes it harder to see what to press next.
Should a form use a dark theme?
Dark themes can work for short conversational forms with large type, where each screen holds one question. They are harder on long forms with many labels and small text, and they make contrast mistakes more likely with placeholder text and input borders. If you use one, check every text colour against the background rather than trusting how it looks on your own screen.
Can the theme match a website exactly?
Close enough that nobody notices the join, which is what matters. Match the accent colour and the body typeface first, since those carry most of the brand, then the background and corner rounding. Exact matches are rarely worth the time, and a form that is slightly plainer than the site around it tends to read as more trustworthy.
Is a theme the same as a layout?
Not quite. A theme styles the surfaces, while layout decides how fields are arranged. On a classic form in this builder, flow, single column and paginated are layout modes set separately from the theme, and the welcome screen has its own 10 layouts. Changing one does not change the others, so a form can keep its paginated steps while trying a new theme.
When is a custom theme worth building?
When the same brand appears on several forms, or when a palette gets close but one colour is wrong. Build it once from the nearest built in theme, adjusting only what differs, then reuse it. Starting from a blank theme means dozens of decisions that already have good answers in the theme you started from.
Make one with forms
The button opens the generator with this use case already described. Change the wording to match your own.
Create a form with OneCraftRelated questions
- Form field vs component vs blockForm field vs component: a field collects an answer, a block only displays, and component covers both. All 41 types in this builder, grouped by what they do.
- What is a welcome screen on a form?What is a welcome screen on a form? The page before the first question: purpose, time, what to have ready. What to write, and the 10 layouts compared.
- What does embedding a form mean?What does embedding a form mean? Showing a hosted form inside your own web page instead of sending a link. Embed, link and popup compared, with the catches.
Step by step in the builder: Build your own form theme, then Create a conversational form with AI.
Written and checked by the OneCraft team. Last checked .