Theme Engine

The QuipForm Theme Engine allows you to customize the visual appearance of your forms without writing code.

Choose colors, typography, spacing, and styling options to create forms that match your brand while maintaining a clean and consistent experience across devices.

What Is the Theme Engine?

The Theme Engine controls the visual design of your form.

Instead of manually styling every element, you can configure a theme once and QuipForm automatically applies it throughout the entire form.

This ensures a consistent look and feel across:

• Questions
• Buttons
• Headings
• Text blocks
• Multi-page forms
• Thank You pages

Accessing Theme Settings

To customize a form theme:

1. Open your form.
2. Navigate to Customize.
3. Open the Theme section.
4. Adjust your preferred settings.
5. Preview the form.
6. Save your changes.

Updates are reflected immediately in the form preview.

Theme Options

Colors

Customize key brand colors throughout your form.

Common theme colors include:

• Primary color
• Button color
• Accent color
• Background color
• Text color

Consistent colors help reinforce brand identity and improve visual recognition.

Typography

Choose how text appears across your form.

Typography settings affect:

• Form titles
• Headings
• Descriptions
• Questions
• Labels
• Buttons

Good typography improves readability and completion rates.

Layout & Spacing

Adjust spacing throughout the form to create a more comfortable experience.

This includes:

• Question spacing
• Section spacing
• Content width
• Visual density

A well-balanced layout helps respondents focus on completing the form.

Buttons

Customize the appearance of action buttons throughout the form.

Examples include:

• Next buttons
• Submit buttons
• Payment buttons
• Navigation controls

Button styling remains consistent across all pages of the form.

Creating a Consistent Brand Experience

A consistent theme helps your forms feel like a natural extension of your website or product.

Consider matching:

• Brand colors
• Fonts
• Visual style
• Marketing assets
• Landing pages

Previewing Your Theme

Before publishing:

1. Open the form preview.
2. Review each page.
3. Test desktop and mobile layouts.
4. Verify button visibility.
5. Check text readability.

Small adjustments can significantly improve the overall appearance.

Theme Best Practices

Keep It Simple

Clean designs are generally easier to complete than heavily styled forms.

Maintain Strong Contrast

Ensure text remains readable against backgrounds.

Good contrast improves accessibility and usability.

Use Brand Colors Carefully

Avoid using too many colors at once.

A small set of consistent colors usually produces the best results.

Optimize for Mobile

Many respondents complete forms on mobile devices.

Always verify that:

• Text remains readable
• Buttons are easy to tap
• Spacing feels comfortable

Combining Themes With Other Customization Options

The Theme Engine works alongside other customization features such as:

• Cover Images
• Logos
• Custom Domains
• Custom CSS

For most forms, theme settings provide all the customization needed without requiring additional styling.

Troubleshooting

Colors Look Different Than Expected

Colors may appear slightly different across devices and displays.

Preview your form on multiple devices before publishing.

Text Is Hard to Read

Review:

• Font size
• Text color
• Background color
• Contrast levels

Buttons Are Difficult to See

Choose a more prominent button color and ensure sufficient contrast with surrounding elements.

Mobile Layout Feels Crowded

Reduce visual complexity and review spacing settings throughout the form.

Related Articles

• Cover Images & Logos
• Custom CSS
• Custom Domains
• Social Preview Images