Styling your form

Style your Fillout form to match your brand. Choose from dozens of pre-built themes or make your own.

Using the form designer

The form designer lets you change the theme for your whole form. You can re-use any themes you make across all your forms in Fillout.
Click on the pen icon in the top left of the form editor to open the form designer.
Button to open the form designer
Button to open the form designer
Next, choose from one of the pre-built themes in the "All themes" section. Press "Use theme".
Choose from pre-existing themes
Choose from pre-existing themes
You can now customize many aspects of your form, including:
  • ๐ŸŽจThe background colors
  • ๐Ÿ”ต Primary color (used for buttons and accents throughout the form)
  • โœ’๏ธ The question and answer colors
  • โฌ…๏ธ The form positioning. Choose from:
    • Form in the center
    • Form with background image
    • Form with cover image
    • Form to the left/right with image
  • ๐Ÿ”  Size and font of the form text and buttons
Properties you can change of a theme
Properties you can change of a theme
There are lots of other ways to style your form, too. Read on to learn more!

Add a navigation bar and logo

Find the "logo" field in the left-hand side panel and add it to your form.
Logo question type
Logo question type
You can provide your company's logo and customize the color scheme.
Navigation bar
Navigation bar

Formatted text

The Fillout "Heading" field type lets you add formatted text to your form using a rich text editor. You can change colors, positioning, size, alignment and more.
Format text
Format text

Images

Images are a good way to make your form more visually appealing. Just drag and drop the image field type onto your form. You can even display a dynamic image.
Add images to your form
Add images to your form

Changing colors

You can change the color of certain elements of your form in the left-hand side panel. Contact support@fillout.com if you'd like to customize an element that doesn't yet have that option.
Change colors
Change colors

Add sections and dividers to your form

If a form page has a lot of questions on it, you might want to add multiple sections. Of course, you can always create a multi-page form, instead.
To add multiple sections, drag and drop the "Section collapse" field type onto your form. You can also use the "divider" field if you don't want sections to collapse.
Add sections
Add sections

Add a progress bar

Adding a progress bar can make your form more aesthetically pleasing and also tell your users how much longer they have left to go.
Add a progress bar to your form
Add a progress bar to your form
ย 
ย 
ย 
ย