Form Branding & Themes
Customize your forms with logos, colors, fonts, and themes. Create a consistent brand experience across all your forms.
What Are Themes?
Themes are reusable branding templates that let you apply consistent colors, fonts, and logos across multiple forms. Instead of configuring branding for each form individually, create a theme once and apply it to any form.
💡 Why Use Themes?
- • Consistency: Maintain brand identity across all your forms
- • Efficiency: Update one theme to change branding on multiple forms
- • Flexibility: Create different themes for different departments or campaigns
- • Time-saving: No need to configure colors and fonts for each new form
Creating a Theme
Create themes from the Themes page in your dashboard. Each theme includes colors, fonts, and optional logo settings.
How to Create a Theme:
- 1Navigate to Themes in your dashboard
- 2Click Create New Theme
- 3Enter a Theme Name (e.g., "Company Brand", "Marketing Campaign")
- 4Configure theme colors, fonts, and logo (see sections below)
- 5Click Save Theme
Theme Colors
Each theme includes several color settings that control different parts of your form's appearance:
- Header Color: The color of the form header bar at the top of your form. This is typically your primary brand color.
- Submit Button Color: The background color of the submit button. Choose a color that stands out and matches your brand.
- Form Primary Text Color: The color of field labels and primary text within the form.
- Form Background Color: The background color of the form container itself (typically white or a light color).
- Page Background Color: The background color of the entire page around the form (typically a light gray or off-white).
🎨 Color Tips:
- • Use hex color codes (e.g., #6D28D9) or color pickers to select colors
- • Ensure sufficient contrast between text and background colors for accessibility
- • Test your color combinations on both light and dark backgrounds
- • Consider your brand guidelines when selecting colors
Fonts
Choose a font family that matches your brand. You can use web-safe fonts or custom fonts.
Font Options:
- Web-Safe Fonts: Arial, Helvetica, Times New Roman, Georgia, Verdana, and more
- Custom Fonts: Enter any font family name (e.g., "Roboto", "Open Sans")
- Font Stacks: Use comma-separated fonts for fallbacks (e.g., "Roboto, Arial, sans-serif")
Logos
Add your company logo to themes to display it at the top of your forms. Logos are displayed in the form header.
Adding a Logo:
- 1In the theme editor, find the Logo URL field
- 2Upload your logo to a hosting service (or use an existing URL)
- 3Paste the image URL into the Logo URL field
- 4The logo will appear in the header of all forms using this theme
📸 Logo Best Practices:
- • Use PNG or SVG format for best quality
- • Recommended size: 200-300px wide
- • Use transparent backgrounds when possible
- • Ensure logo is readable at small sizes
Applying Themes to Forms
Once you've created a theme, you can apply it to any form in the form builder.
How to Apply a Theme:
- 1Open a form in the Form Builder
- 2Scroll to the Themes section in the settings panel
- 3Select a theme from the Select Theme dropdown
- 4All theme colors, fonts, and logo will be applied automatically
- 5You can still customize individual colors if needed (overrides theme)
- 6Click Save Form to apply changes
Custom Branding (Without Themes)
You can also customize branding directly on individual forms without using themes. This is useful for one-off forms or when you need unique branding for a specific form.
Form-Level Branding Options:
- All the same color options available in themes (header, button, backgrounds, text)
- Header text color and submit button text color (default to white; not part of themes — set per form in the form builder)
- Font family selection
- Corner style (rounded or straight)
- Submit button customization (text, color, text color, visibility). For custom Button fields, you can set the button text color in that field's settings.
💡 Theme vs Custom Branding:
Use themes when you want consistent branding across multiple forms.Use custom branding when you need unique styling for a specific form or want to override theme settings.