---
title: Selecting a survey theme
description: This guide will show you how to create themes and adjust them accordingly, in order to give your survey a unique look and feel that matches your brand.
---

[Skip to content](https://help.segmanta.com/selecting-a-survey-theme#main-content)

English

Show submenu for translations

![300x300 (1).png\]](https://help.segmanta.com/hs-fs/hubfs/300x300%20(1).png?height=40&name=300x300%20(1).png)

- [Default HubSpot Blog](https://segmanta-2.hubspotpagebuilder.com/blog)

Open main navigation

Close main navigation

- [Default HubSpot Blog](https://segmanta-2.hubspotpagebuilder.com/blog)
- English
  
  Show submenu for translations

 How can we help?

- There are no suggestions because the search field is empty.

1. [Segmanta Help Center](https://help.segmanta.com/?hsLang=en)
2. [Survey Editor](https://help.segmanta.com/survey-editor?hsLang=en)
3. [Design](https://help.segmanta.com/survey-editor?hsLang=en#design)

# Selecting a survey theme

## This guide will show you how to create themes and adjust them accordingly, in order to give your survey a unique look and feel that matches your brand.

<iframe src="https://www.loom.com/embed/62246c21384444bbbda0b24726744596?hide_owner=true&amp;hide_share=true&amp;hide_title=true&amp;hideEmbedTopBar=true" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"></iframe>

 

There are two options you can select from:

- [All Themes](https://help.segmanta.com/selecting-a-survey-theme#all-themes)
- [Custom](https://help.segmanta.com/selecting-a-survey-theme#custom)

### All Themes

These themes were created exclusively by Segmanta, and fall under three categories:

**Colors**  
These are solid-block colors.  
  
**Other**  
These include patterns.  
  
**Visual**  
This allows you to add visuals – like a picture as the survey background. 

### **Custom**

**💼 What it does**

- Allows you to view and adjust various settings including your survey's background image, color scheme, and font style so that you can give your survey a unique look and feel that matches your brand.
- Custom capabilities fall into two categories where you can do the following:

[**Background**](https://help.segmanta.com/selecting-a-survey-theme#Background)

- - [Add a background image and adjust its layout](https://help.segmanta.com/selecting-a-survey-theme#Background-Image)
    - [Choose a background color](https://help.segmanta.com/selecting-a-survey-theme#Background-Color)
    - [Modify the image/color balance](https://help.segmanta.com/selecting-a-survey-theme#Background-Image-Color-Balance)

[**Content**](https://help.segmanta.com/selecting-a-survey-theme#Content)

- - Change [base color](https://help.segmanta.com/selecting-a-survey-theme#Base-Color), [accent color](https://help.segmanta.com/selecting-a-survey-theme#Accent-Color), [buttons style,](https://help.segmanta.com/selecting-a-survey-theme#Buttons-Style) and [font family](https://help.segmanta.com/selecting-a-survey-theme#font-family)

### **Background**

**Image**

We recommend the image ideally be no more than 1MB. We have an enforced maximum upload size of 4mb. The image should be a maximum of 4MB.

**Pro-tip**: High resolution images with a simple design work best as a survey background. The ideal image size is 1440w x 900h (pixels). 

*Image*

🔨 How it works: Upload an image to be used as your survey background.

*Layout*

💼 What it does: Allows you to decide the layout for your background image.

🔨 How it works: Select if you’d like the image to appear as:

a) **Fill**: image covers the entire background area

b) **Tiled**: image appears multiple times across the survey (depending on the image's size)

c) **Center**: image is centered on the survey page

d) **Fit**: image is stretched to fit the screen

**Pro-tip**: Preview your survey to see how the background image displays on different devices.

**Color**

*Type*

🔨 How it works: Choose between a single solid color or a two-color gradient.

*Color*

🔨 How it works: Select a color that will act as the layer between your background and the content. You can adjust the color's opacity (how transparent or solid it appears) to help your text and media stand out more clearly, depending on the color you choose.

**Image/Color Balance**

💪 When to use it: To increase or decrease the transparency level of your survey's background color. 

🔨 How it works: The opacity level will be displayed in a percentage format (when then the Image/Color Balance level is set to \<100%, your survey's background color will start to appear.) For example, if you want to put more emphasis on the color over the image, you can adjust that by dragging the slider.

**Pro-tip**: On background images with distracting shapes or patterns, a more opaque (solid) background color will make your content easier to read.

### **Content**

**Base Color**

💪 When to use it: To change the color of your survey's font, rating scales, answer choices, image/video upload, and the underline on open-ended questions throughout the survey. 

🔨 How it works: Click on the round colored circle to choose your text color from the color wheel. Your changes will be applied immediately on your survey's design.

**Accent Color** 

💪 When to use it: To change the color of the following elements in the survey:

- - - Start button
          - Submit answer bar
          - Progress bar
          - Selected answer choices
          - Ending page buttons
          - Additional survey accents

🔨 How it works: Click on the round colored circle to choose your text color from the color wheel. Your changes will be applied immediately on your survey's design. 

**Buttons Style**

💼 What it does: Allows you to change the style to a square button or a round button.

**Font Family**

💼 What it does: Allows you to choose from the provided font styles to apply to your survey.

 

- [Getting Started](https://help.segmanta.com/getting-started?hsLang=en)
- [Survey Questions](https://help.segmanta.com/survey-questions?hsLang=en#main-content)

    - [Getting Started](https://help.segmanta.com/survey-questions?hsLang=en#getting-started)
    - [Display Settings](https://help.segmanta.com/survey-questions?hsLang=en#display-settings)
    - [Question Customization](https://help.segmanta.com/survey-questions?hsLang=en#question-customization)
    - [Advanced Settings](https://help.segmanta.com/survey-questions?hsLang=en#advanced-settings)
    - [Data Enrichment](https://help.segmanta.com/survey-questions?hsLang=en#data-enrichment)
- [Survey Editor](https://help.segmanta.com/survey-editor?hsLang=en#main-content)

    - [Survey Outline](https://help.segmanta.com/survey-editor?hsLang=en#survey-outline)
    - [Design](https://help.segmanta.com/survey-editor?hsLang=en#design)
    - [Logic](https://help.segmanta.com/survey-editor?hsLang=en#logic)
    - [Configurations](https://help.segmanta.com/survey-editor?hsLang=en#configurations)
    - [Permissions](https://help.segmanta.com/survey-editor?hsLang=en#permissions)
    - [Distribution](https://help.segmanta.com/survey-editor?hsLang=en#distribution)
- [Integrations](https://help.segmanta.com/integrations?hsLang=en)
- [Analysis & Analytics](https://help.segmanta.com/analysis-analytics?hsLang=en#main-content)

    - [Questions View](https://help.segmanta.com/analysis-analytics?hsLang=en#questions-view)
    - [Results Overview](https://help.segmanta.com/analysis-analytics?hsLang=en#results-overview)
- [Organization Settings](https://help.segmanta.com/organization-settings?hsLang=en#main-content)

    - [My Profile](https://help.segmanta.com/organization-settings?hsLang=en#my-profile)
    - [Accounts](https://help.segmanta.com/organization-settings?hsLang=en#accounts)
- [FAQ](https://help.segmanta.com/faq?hsLang=en#main-content)

    - [Survey Editor](https://help.segmanta.com/faq?hsLang=en#survey-editor)
    - [Survey Analytics](https://help.segmanta.com/faq?hsLang=en#survey-analytics)
    - [Organization Settings](https://help.segmanta.com/faq?hsLang=en#organization-settings)
    - [Data Privacy and Security](https://help.segmanta.com/faq?hsLang=en#data-privacy-and-security)
    - [Integrations](https://help.segmanta.com/faq?hsLang=en#integrations)
    - [Embedding](https://help.segmanta.com/faq?hsLang=en#embedding)
- [Contact Us](https://help.segmanta.com/contact-us?hsLang=en)

- [Default HubSpot Blog](https://segmanta-2.hubspotpagebuilder.com/blog)

[![Chill listening crop-3](https://help.segmanta.com/hs-fs/hubfs/Segmanta_logo_Final.png?width=108&height=24&name=Segmanta_logo_Final.png "Chill listening crop-3")](https://www.segmanta.com/)

<https://www.linkedin.com/company/segmanta/mycompany/> <https://www.facebook.com/segmanta/>

Copyright © 2026, Segmanta