Once your form's fields are in place, customise its look in the Design tab of Form Builder — accent colour, font colour, background colour or image, and a header image. Aim to match your organisation's brand so the form feels like an extension of your site, not a generic third-party form. Most projects spend 10–15 minutes here.
What can I customise?
Element | What it controls | Recommended setting |
Accent Colour | Buttons, links, and the form's highlight colour | Your primary brand colour |
Font Colour | Body text colour | Dark grey or near-black for readability |
Background Colour | The form's background | White or a very light tint that contrasts your accent or a dark colour |
Background Image | A full-form background image | High-resolution photo or brand artwork (see image dimensions guide) |
Header Image | A banner at the top of the form | 3:1 ratio, e.g. 1800x600px |
How to open the Design tab
Open the project → Form Builder.
Open the Design & Settings tab.
Customise the theme
Pick an Accent Colour using the colour picker, or paste a HEX code if you have your brand's exact colour.
Set the Font Colour for the form's text.
Set the Background Colour for the page behind the form.
Add a Background Image if you want a full-page visual.
Background Image: Cover vs Contain
When you add a background image, pick how it should fill the space:
Cover — image fills the whole form area, may crop edges.
Contain — image stays at a fixed size in place, the form scrolls as normal over it.
Use Cover for full-bleed brand imagery, Contain for logo-style images that shouldn't be cropped. Pick a landscape image for the best results.
Add a Header Image
A header image sits at the top of the form as a banner. Recommended ratio is 3:1 (e.g. 1800x600px). Full dimension guide: How to Add a Header Image to a Submission Form
Opacity
Double-check your opacity. Remember that you should make your forms as accessible to those reading it - the more opaque it is, the easier the text will be to read for the applicant.
Save
It's really important to click Save new version when you're done making changes. If you don't, the form will appear updated in the backend but your changes will not be pulling through to the front end - applicant POV
Visibility
Open the public form URL in a new tab to preview as a creator would see it.
When happy, change the project's visibility from Draft to Private or Public to make the form available.
Best practice for form design
Use the same accent colour as your website so the form feels like part of your brand, not a third-party tool.
Test contrast — make sure your font colour is readable against your background.
Avoid heavy background images on long forms — they slow down scroll and reduce form completion.
Preview on mobile — most creators submit on phones, and a beautiful desktop form can fall apart on a smaller screen.