Survey Branding

Branding settings exist at two levels:

1. Organization level (Settings > Organization) - Sets the default logo and brand color for all surveys
2. Survey level (Survey editor > Settings) - Overrides organization defaults for a specific survey

When a survey has its own logo or brand color set, those take priority. When left blank, the organization defaults are used. This means you can set your brand once at the organization level and only override per-survey when you need something different (like a co-branded survey with a partner).

Upload your company logo from the survey settings panel. The logo appears at the top of your survey, above the first question.

Recommended specifications:

• Format: PNG or JPG (PNG with transparent background works best)
• Size: 200-400px wide. The system will scale it to fit, but starting with a clean image produces better results.
• Orientation: Horizontal/landscape logos work best in the survey header. Tall vertical logos may take up too much vertical space.

Set a default logo in Settings > Organization so it automatically appears on every new survey. This saves you from uploading the same logo each time.

The brand color controls accent elements throughout the survey:

• Primary buttons (Submit, Next)
• Progress indicators
• Selected/active states on form controls
• Link colors

Enter a hex color code (e.g., #6366f1) in the brand color field. The default is a purple-indigo (#6366f1) if no color is set.

Your brand color is used for interactive elements that customers need to see and click. Keep these guidelines in mind:

• Ensure contrast against white backgrounds. Light yellows, pale greens, and other pastel colors may be hard to see as button backgrounds.
• Test on mobile. Colors can render differently on phone screens. What looks readable on your desktop may be hard to tap on a small screen.
• Avoid pure red or green for primary actions. Colorblind users may not be able to distinguish these from the background.

After completing the survey, customers see a thank-you page. You can customize both the title and the message.

Default: "Thank you!" (English) / configurable per language. Keep it short and warm.

Default: "We appreciate your feedback." Customize this to:

• Reinforce your brand voice
• Set expectations ("We'll review your feedback within 48 hours")
• Include a call to action ("Visit us again soon!")
• Provide contact information for urgent issues

Both the title and message support bilingual content (English and French) for bilingual surveys.

For advanced styling beyond logo and color, the Custom CSS field lets you write raw CSS that's injected into the survey page.

• Font family and sizes
• Background colors and gradients
• Spacing and padding
• Border styles and rounded corners
• Question card appearance
• Mobile-specific overrides using media queries

.survey-container {
  font-family: 'Inter', sans-serif;
  background-color: #f8f9fa;
}

.question-card {
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

Custom CSS is powerful but can break your survey if used carelessly:

• Don't hide required fields or validation messages. If a customer can't see an error message, they'll think the form is broken.
• Don't override button positioning or display properties. The Submit button needs to remain visible and clickable.
• Test thoroughly after every CSS change. Use the Preview mode and check both desktop and mobile views.
• Keep CSS minimal. The more custom styles you add, the more likely they are to conflict with future platform updates.

See Custom CSS for a detailed guide with more examples.

Before launching a branded survey, verify:

• Logo displays clearly at the top of the survey (not stretched or pixelated)
• Brand color provides sufficient contrast on buttons and interactive elements
• Thank-you title and message are customized and spell-checked
• French translations are set for bilingual surveys (thank-you title, message)
• Custom CSS (if used) doesn't hide form controls or error messages
• Survey looks correct on mobile devices (test with the Preview feature)
• A test send has been completed to verify the full branded experience

If your business has multiple locations, you may want consistent branding across all surveys. Set your logo and brand color at the organization level (Settings > Organization) so every new survey inherits these defaults automatically.

For franchises or locations with slightly different branding, override at the individual survey level. This lets location-specific surveys use local colors or co-branded logos while keeping the main brand for corporate-level surveys.

For all survey configuration options beyond branding, see Survey Settings.

For advanced CSS customization techniques, see Custom CSS.

To verify your branding before sending, see Survey Preview.