Appearance & theming
Give your form your brand's look: a preset or your own colors and fonts, a cover and a logo, in light and dark mode.
Change the theme
In the editor, click Theme, the palette icon on the right edge. On a phone, it is in the top bar’s ⋯ menu. The form shows each change as you make it.
The Light and Dark switch picks which mode you are editing, and each mode has its own theme. Pick a theme in the Theme picker, adjust it, and click Save.
Presets
A preset sets the colors, the font and the corner rounding in one click, and every plan can use them. New forms start on Formstep default. Once you change a value by hand, the picker shows Custom.
Your own theme needs Pro
Changing colors and fonts yourself needs Pro or Business. After a downgrade, a form keeps its own theme, but you cannot edit it.
Colors and fonts
Under Typography, pick one of eleven fonts, the base text size and the corner rounding of fields and buttons. The colors are grouped by where they show on the form: the page, fields and choices, buttons and errors, and rating stars. Each color changes everything with the same purpose, so Text changes all text on the form. Point at a color’s name to see what it controls.
Cover image and logo
Click Add Cover or Add Logo above the form. Upload an image (PNG, JPG or WebP up to 5 MB), or pick a color, an Unsplash photo or an icon. Drag a cover up or down to place it.
Dark mode
A form follows the light or dark setting of the respondent’s device. Without a dark theme of your own, dark mode uses Formstep’s default dark colors, so set up both modes, and check that your logo and button colors work on both. An embed can force one mode.
Workspace themes
A workspace theme saves a look under a name, so every form in the workspace can use it. Change the theme, and every form linked to it changes. Any member can save one on Pro or Business. A theme covers one mode, so keep two for both, such as Acme Light and Acme Dark.
Style a form in the Theme tab, click Save as workspace theme, name it, and click Save theme. This form is now linked to it.
On another form, open Theme, pick the theme under Workspace themes, and click Save. The form shows a Linked badge.
When you change a linked form’s theme, Formstep asks whether to save it to the workspace theme, which updates every linked form, or for this form only. Respondents see the new look after you publish each form again. Rename and delete a theme from the ⋯ menu beside it; after a delete, forms keep the look as their own theme.
Formstep branding
Forms show a small Formstep badge. On Pro and Business, turn off Show Formstep branding in Settings, General.