Appearance

What is Appearance in Survey Builder?

Appearance allows you to customize the overall design and visual presentation of your survey. It helps you control how your survey looks to respondents — including themes, colors, fonts, branding, navigation buttons, and advanced styling.

These settings are defined at the survey level and directly impact the respondent’s visual experience.

A well-designed survey:

• Strengthens brand identity

• Improves readability

• Enhances user experience

• Increases completion rates

Where Can We Use Appearance Settings?

Consider a company that runs multiple customer feedback surveys across different products.

Instead of keeping all surveys in a default design, the company may want to:

• Use brand-specific colors

• Add their company logo

• Maintain consistent fonts

• Customize background visuals

• Adjust navigation button styles

With Appearance settings, you can create and reuse branded themes across surveys without redesigning each survey individually.

This ensures:

• Brand consistency

• Professional presentation

• Better engagement

• A seamless experience for respondents

How to Access Appearance

1. Go to the Build section of your survey.

2. In the left panel, click on Appearance.

The Appearance section is divided into three parts:

• Default Themes

• Saved Themes

• Modify Theme
  

Default Themes

Default Themes provide ready-made design templates that you can instantly apply to your survey.

Each theme includes predefined styling for:

• Questions

• Answers

• Buttons

Create New Theme

Click on Create New Theme to design a custom theme from scratch.

Once clicked, you will be redirected to the Modify Theme section where you can configure:

• Fonts

• Colors

• Background

• Logo

• Button styles

Saved Themes

Saved Themes displays all themes that you have previously created or customized.

From this section, you can:

• Apply an existing saved theme

• Edit a saved theme

• Manage themes using the three-dot options menu

This helps you reuse branding across multiple surveys without creating a theme every time.

Modify Theme

Modify Theme allows you to fully customize the visual styling of your survey.

Theme Name

Edit the theme name to easily identify it for future use.

Customize Brand Appearance

Adding a Logo

You can upload your company logo to display at the top of your survey.

Steps to Add a Logo:

1. Under Customize Brand Appearance, click on Upload Logo.

2. A pop-up window will appear.

3. Select and upload your logo file.

4. Click Upload to confirm.

Once uploaded, the logo will appear in the survey preview on the right side.

A success message will confirm that the logo has been added.

Logo Alignment

After uploading the logo, you can control its position using the Logo Alignment dropdown.

Available alignment options typically include:

• Left

• Center

• Right

This helps align the logo according to your brand guidelines.

Logo Size

You can adjust the size of your logo using the available size options:

• Small

• Medium

• Large

Select the appropriate size based on how prominently you want the logo to appear in your survey header.

Tip: Avoid using very large logos that may push the survey content too far down.

Font Customization

Control typography and color styling of your survey.

1. Font
2. Questions Color
3. Answers Color
4. Button Color
5. Background Color
6. Background Image

Tip: Ensure proper contrast between text and background for better readability.

Next and Previous Button Icon Option

Choose the navigation button style from the available options:

• Solid

• Outlined

• Solid Up/Down

• Previous/Next

This allows you to match navigation controls with your theme styling.

Next and Previous Button Alignment

Select where navigation buttons should appear in the survey layout (for example, Right alignment).

CSS Customization

CSS Customization allows advanced users to apply custom styling to the survey using CSS code.

You can:

• Override default styles

• Adjust spacing and layout

• Apply advanced branding rules

• Implement custom UI changes

Note: Test custom CSS carefully using Preview before publishing.

Preview and Publish

After making changes in Appearance:

1. Click Preview to see how the survey will appear to respondents.

2. Click Publish to make the changes live.

If your survey is already live, you must publish again for design updates to reflect.