The Theme Settings page is automatically shown on the left-hand toolbox when you enter the Flow Plan (where all of the steps are visible):

Design tab

The Theme Settings are separated into five sections:

  1. Main Settings

  2. Logo

  3. Navigation

  4. Form

  5. Typography

All these theme settings are split into Colours 1 and 2 so that you can customise your flow to look great on both colour schemes. You can change which Colour you are customising by toggling through the tabs that you'll see in each preview:

Design options

Note: You'll see the relevant Colour's background appear to show you an accurate preview of what it'll look like in your flow.


Main Settings

This is where you add two primary colours and two main fonts to ensure that your flow aligns with your brand.

Colour 1 is where the questions that your customers will answer will go

Colour 2 is where you can add context and storytelling to maximise your chances of users completing your flow.

To note: Some layouts do not have content blocks, so Colour 2 will not be seen by customers.

You also have Primary Font and Secondary Font. These can be the same if you have the main font, or you can add in a second one to differentiate between titles and text.


Logo

This is where you can upload a logo that appears on the top of your flow.

Logo

We'd recommend putting in a logo for Colour 1 (which appears in desktop views) and a logo for Colour 2 (which seems in mobile pictures).


Navigation

Here's where you can set the controls that help with how your users will make their way through your flow:

  • Back icon & Close Flow icon

  • Buttons (Primary and Secondary)

  • Progress bar

Back button & Close Flow button

In Navigation, you can change the colours of the Back Button and the Close Flow buttons with the corresponding colour picker:

Depending on your layout, the Back and Close Flow buttons may be in different Colours. Make sure you go into each Colour if you want to change them!

Buttons

Buttons can either be Primary or Secondary buttons, based on how strong you want each CTA to be. Here's what can be changed:

  • The shape of the button with Button Corner Radius

  • Whether your buttons have borders and what size they are with Border

  • The font and font size of your button with the font

These will affect both Primary and Secondary buttons. Then, the buttons' colours can be customised using the relevant tab below the preview. You can change:

  • The background colour of the primary and secondary buttons

  • The text colour of the primary and secondary buttons

  • The border colour of the primary and secondary buttons

Progress Bar

For the progress bar, you can change:

  • The Colour of how much is completed in your progress bar

  • The Colour of how much is left in your progress bar

  • The Border of the progress bar


Form

The Form section allows you to customise your questions how you want your customers to see them! You can customise:

  • The shape of your form fields with Corner Radius

  • Whether your form fields have borders and what size they are with Border

  • The font, font size and font weight of your questions with Question

  • The font, font size and font weight of your questions with Description

  • The font, font size and font weight of your questions with Answer

Then, below the preview, you can customise:

  • The Colour of any option that has been selected with Selected Options

  • The Colour of your questions with Question Text

  • The Colour of your descriptions with Description Text

  • The Colour of your answers with the Answer Text

  • The Colour of any error messages with Error Messages

  • The Colour of your form field backgrounds with Field Background

  • The Colour of your field border with the Field Border


Typography

The Typography section lets you customise any flavour text you want to add! You can customise:

  • The font, font size, font weight and Colour of your Headings

  • The font, font size, font weight and Colour of your Subheadings

  • The font, font size, font weight and Colour of your Text


Our Help Center is an amazing resource for learning more about Upflowy. Return to Collection >>

Jump in and try your hand at making your flows and forms with Upflowy for free. More features are offered on our paid plans. Find out more about our pricing here.

Sign up for our weekly update and be the first to know about our new product announcements and more. Join our mailing list >>

Didn't find what you're looking for? Our Customer Success champions are available by clicking on the chat bubble on the bottom right of our app or emailing support@upflowy.com. You can even book a call with them for a 1:1 session at a time you prefer.

Did this answer your question?