Skip to main content

Style and Brand Your Lead Form

Learn how to style and brand your Wedy Pro lead form with custom themes, fonts, colors, and light or dark mode to match your business identity.

Updated over 2 months ago

Overview

Your lead form is often the first impression a prospective client has of your business. Wedy Pro gives you full control over the look and feel of every form — from fonts and colors to button styling and input fields — so your inquiry form feels like a natural extension of your brand, not a generic web form.


Every lead form can either inherit your company theme automatically or use a custom per-form theme with its own fonts, colors, and styling. You can also choose between light and dark display modes when embedding your form on your website.


Time to complete: 5–10 minutes.


How lead form branding works in Wedy Pro

Wedy Pro offers two theme modes for each lead form:

  • Company theme — Your form automatically inherits the brand fonts, colors, and styling you have configured in your company profile settings. Every form that uses the company theme updates instantly when you change your brand settings — update once, and it applies everywhere.

  • Custom theme — Override the company theme on a per-form basis. This is useful when you want a specific form to match a particular campaign, seasonal promotion, or landing page aesthetic that differs from your standard brand look.


A wedding photographer running a mini session campaign, for example, might keep their main inquiry form on the company theme while giving the mini session form a custom color palette that matches the promotional materials.


How to customize your lead form theme

  1. Navigate to Lead Forms in the sidebar (under the CRM section).

  2. Open an existing form by clicking its row in the table, or create a new lead form.

  3. In the form builder, click Customize Theme to open the theme editor.

  4. Choose your theme mode:

    • Company — Uses your company brand settings. No further customization needed on this form.

    • Custom — Reveals the full set of styling controls described below.

  5. Adjust the theme settings to match your brand (see the next section for what each control does).

  6. Click Save (or Update if editing an existing form) to apply your changes.

  7. Click Preview to see exactly how your branded form will appear to prospective clients.


Theme settings you can customize

When you select the Custom theme mode, you gain control over every visual element of your form. Here is what each setting controls:


Fonts

  • Heading font — The typeface for your form title and section headings.

  • Paragraph font — The typeface for body text, descriptions, and helper text.


Colors

  • Page color — The background color behind the form container.

  • Form color — The background color of the form itself.

  • Text color — The default color for all text in the form.

  • Highlight color — The accent color used for interactive elements like focus states and selections.

  • Warning color — The color displayed for validation errors when a required field is left empty.


Buttons

  • Button font — The typeface for the submit button and navigation buttons.

  • Button bold and italic — Toggle bold or italic styling on button text.

  • Button color — The background color of your form buttons.

  • Button text color — The text color on your buttons.

  • Button size — Controls the overall size of buttons.

  • Button radius — Adjusts corner rounding on buttons — from sharp square corners to fully rounded pill shapes.


Input fields

  • Input size — Controls the height of text inputs, dropdowns, and date pickers.

  • Input fill color — The background color inside input fields.

  • Input border color — The border color surrounding each input field.

  • Input radius — Adjusts corner rounding on input fields.


Questions

  • Question font — The typeface for field labels and question text.

  • Question text color — The color of field labels.

  • Question size — The font size for field labels.


Light and dark theme for embedded forms

When you embed your lead form on your website, you can choose between a light or dark display theme. This controls the overall appearance of the widget container on your site:

  • Light theme — Best for websites with a white or light-colored background. This is the default.

  • Dark theme — Ideal for websites with dark backgrounds, portfolios with moody aesthetics, or evening-event specialists who want their form to match a sophisticated look.


The theme is set when you embed the form. Your custom font and color settings from the Customize Theme editor still apply on top of the light or dark base — so you get the best of both.


Preview your branded form

Always preview your form before sharing it with clients. Wedy Pro gives you two ways to check how your branding looks:

  1. In the form builder, click Preview in the header toolbar. A full-screen preview opens showing your form exactly as visitors will see it — with your custom theme, fonts, colors, and button styling applied.

  2. From the Lead Forms page, click the three-dot menu () on any form and select Preview Form.


The preview includes working validation, multi-page navigation (if your form has multiple pages), and the Send submit button — so you can test the full experience before going live.


Your brand updates automatically

Forms set to the Company theme mode inherit changes automatically whenever you update your brand settings. This means you can refresh your brand identity — new fonts, updated colors, a refined button style — and every lead form using the company theme updates instantly. There is no need to edit each form individually or re-embed your forms on your website.


To set up or update your brand colors and visual identity, visit your profile settings. Your company theme is the single source of truth for consistent branding across all your lead forms, documents, and client-facing pages.


Tips for professional-looking lead forms

  • Match your website — Use the same fonts and color palette as your website so the form feels native, not like a third-party plugin. A florist whose website uses soft earth tones, for example, should carry those same colors into the form to create a seamless client experience.

  • Keep contrast high — Make sure text is easily readable against your background colors. Light text on a light background frustrates visitors and costs you leads.

  • Use your brand accent for buttons — The submit button is the most important element on the form. Set it to your brand's primary accent color so it stands out and invites clicks.

  • Test on mobile — Most prospective clients will find your form on their phone. Preview your form to confirm fonts are legible and buttons are easy to tap at smaller screen sizes.

  • Choose the right embed theme — Light theme for light websites, dark theme for dark websites. A mismatched theme makes the form look out of place.

  • Use Company theme for consistency — Unless you need a unique look for a specific campaign, the company theme keeps all your forms visually consistent and saves you time.


Frequently asked questions

Do I need to re-embed my form after changing the theme?


No. Theme changes apply automatically to embedded forms. Your visitors will see the updated styling the next time they load the page — no code changes needed on your website.


Can I use different themes for different forms?


Yes. Each form can independently use the company theme or a custom theme. You can have some forms on your brand theme and others with unique custom styling.


What is the difference between the custom theme and the light/dark embed option?


The custom theme controls your form's specific fonts, colors, buttons, and inputs. The light/dark embed option controls the overall container appearance when the form is embedded on your website. Your custom theme settings apply on top of whichever embed theme you choose.


Related articles

Did this answer your question?