How do I change how my survey looks?

Every survey starts on the Surbee theme: black and white with the Figtree font. You can change it from the editor in a few clicks, and the survey updates as you go so you see what respondents will see.

Open the style panel

In the editor, click Style in the top bar. The Quick style panel opens on the right with five tabs: Presets, Layout, Colors, Typography and Logo.

Presets

A preset sets your colors, font and corner style in one go. Pick one as a starting point, then fine-tune it on the other tabs. The presets are:

• Surbee, the default
• Blue
• Midnight, a dark theme
• Rose
• Forest
• Ocean
• Sunset
• Minimal
• Academic, with a serif font
• Playful

Layout

The Layout tab sets how the whole survey is arranged. Pick one of three:

• Classic. Questions in a centered card, one page at a time. This is the default.
• Split. The questions sit beside a full-height colored panel, which suits branded surveys and studies.
• Focus. Full screen, one question at a time, similar to a conversation.

How Focus works for respondents

• The survey opens on a welcome screen with its title. Respondents start from there.
• Each screen shows one question. Any text or images placed just before a question appear with it as its introduction.
• After a respondent picks an answer on a single choice, yes or no, rating or Net Promoter Score question, the next question appears automatically. Picking Other waits so they can type.
• Pressing Enter moves to the next question. In a long text box, use Ctrl+Enter (or Cmd+Enter on a Mac), because Enter starts a new line.
• Required questions are checked one at a time, so a respondent sees a missing answer straight away.

Focus works well for short surveys and mobile audiences. For long grids or surveys where people compare questions side by side, Classic is easier.

Text direction

Under Text direction, choose Right to left for surveys written in Arabic, Hebrew, Persian or Urdu.

Colors

The Colors tab has four colors:

• Primary color, used for buttons, selected answers and the progress bar.
• Secondary color.
• Background, the color behind your questions.
• Text, the color of your questions and answers.

Below them, Border radius sets how rounded inputs, buttons and cards are, from None to Full.

Typography

The Typography tab lists the fonts you can use, each with a sample so you can compare them. The choice applies to your whole survey. Options include Figtree, Inter, DM Sans, Plus Jakarta Sans, Space Grotesk, Outfit, Poppins, Nunito, Manrope, Roboto, Source Serif 4, Playfair Display, Merriweather, Lora and JetBrains Mono.

Logo

On the Logo tab, click Click to upload logo and choose an image. The logo appears at the top of your survey. Once it is uploaded, use Logo position to place it on the left, center or right. To remove it, use the remove button on the uploaded image.

More theme settings

Click All theme settings at the bottom of the panel to open the Theme tab of your project settings, which has the same controls in a larger window.

Hide Surbee branding

By default a short footer at the bottom of your survey says it is hosted on Surbee, with links to Surbee's privacy policy and terms. On any paid plan you can remove it:

1. Open the project menu at the top left of the editor, next to your survey name, and choose Project settings.
2. On the General tab, turn on Hide Surbee branding.

The setting is marked Pro. On the free plan, the toggle opens the pricing page instead.

Check it on a phone

Many respondents will open your survey on a phone. Click Preview in the top bar and switch to Mobile to check that your colors, logo and longer questions work on a small screen. See Preview and test your survey.