Survey Builder

Customizing Survey Colors and Fonts

Updated

Set your survey's primary and secondary colors, background, text color, font, corner rounding, and button style by hand.

All Survey Builder articles

Overview

Set your survey's primary and secondary colors, background, text color, font, corner rounding, and button style by hand. Everything lives in the same Survey Theme dialog as the presets.

Step-by-step

  1. Open the theme editor — Tools → Theme in the builder. The Survey Theme dialog

  2. Set the colors — Primary Color (buttons, progress bar, selection states), Secondary Color (accents), Background, and Text Color. Enter hex values directly or use the swatch pickers — paste your brand's exact hex codes for a faithful match.

  3. Pick the Font Family — choose from the font dropdown; the taker loads it for all question text and controls.

  4. Tune the details — Border Radius (sharp to rounded corners) and Button Style (filled or outlined) set the survey's overall feel.

  5. Go further with Custom CSS if you must — the Custom CSS (advanced) field accepts overrides for cases the controls don't cover. Use sparingly; it's yours to maintain.

  6. Save and check contrast — click Save Theme, then look at the Live preview: text must stay readable on your background, and the primary color must be visible on both buttons and selected states.

Tips

Tip: Test your palette on Phone in the live preview — thin fonts and low-contrast brand colors that look fine on desktop often fail on mobile in daylight.

Note: Once the theme matches your brand, click Save current under Brand Kits so the whole workspace can apply it in one click.

Put it to work in Surveti.

Start free — no credit card required.