Styling Your Form (Colors, Fonts, Buttons)

LeadCapture gives you full control over the visual design of your lead funnel. You can customize colors, fonts, button styles, input field appearance, and more. All styling changes apply consistently whether your funnel is hosted on a LeadCapture landing page or embedded on your own website.

Accessing the Form Design Settings

1. Open your funnel in the builder.
2. Click on the form area in the canvas (or any form step).
3. In the left panel, look for the Form Design sections. These are collapsible sections that control different aspects of your form's appearance.

Global Form Styles

These settings apply to the entire form across all steps:

Submit Button Styling

Customize the appearance of the Continue/Submit button:

• Background Color and Hover Color – The button color in its normal and hovered state.
• Text Color – The button label color.
• Border Color and Hover Border Color – Optional border styling.
• Border Radius – Corner roundness (from square to fully rounded).
• Font Size – Button text size.
• Gradient – Toggle to add a gradient effect to the submit button.

Option Button Styling

Control the look of radio-style selection buttons:

• Normal State – Background color, text color, border color, and border radius.
• Hover State – Background and border colors when the lead hovers over an option.
• Selected State – Background, text, and border colors when an option is selected.
• Radio Indicator – Show or hide the radio circle, set its color and position (left or right).
• Text Alignment – Align option text left, center, or right.
• Shadow – Toggle a subtle shadow on option buttons.
• Gradient – Toggle to add a gradient effect to option buttons.

Input Field Styling

Customize how text inputs, dropdowns, and other form fields look:

• Label Color and Label Size – Appearance of field labels above inputs.
• Label Bold – Toggle bold weight for labels.
• Input Background – Background color of input fields.
• Input Text Color – Color of text the lead types.
• Placeholder Color – Color of the hint text inside empty fields.
• Input Border – Border color, focus color, width, and radius.
• Input Height – Height of input fields in pixels.
• Input Shadow – Toggle a subtle shadow on input fields.

Typography

Control the appearance of step headlines and subheadlines:

• Headline – Color, font size, font weight, and alignment.
• Subheadline – Color, font size, font weight, and alignment.

Progress Indicator

Configure the progress indicator that shows leads how far through the funnel they are:

• Type – Dots, bar, or circle.
• Active Color – Color for completed and current steps.
• Inactive Color – Color for upcoming steps.
• Hide on First Step – Optionally hide the indicator on the first step.
• Position – Top or bottom of the form.

Range Slider Styling

If your funnel includes a range slider field, you can customize:

• Track Colors – Filled portion and unfilled portion of the slider track.
• Thumb Color – The draggable handle color and border color.
• Value Display – Font size of the current value shown above the slider.

Available Fonts

LeadCapture includes 10 curated fonts optimized for web performance:

1. Inter (default, modern sans-serif)
2. DM Sans
3. Open Sans
4. Roboto
5. Lato
6. Montserrat
7. Playfair Display (serif)
8. Merriweather (serif)
9. Poppins
10. Source Code Pro (monospace)

Pro Tips

• Use the AI Copilot to make quick styling changes. Try "make the buttons dark blue with white text" or "change the font to Poppins."
• Keep your form colors consistent with your brand. Match the submit button color to your primary brand color for a cohesive look.
• Use contrasting colors for the submit button so it stands out. A bright button on a neutral background draws the eye.
• Test your styling on mobile. Use the device toggle in the builder to preview how your form looks on smaller screens.
• All style changes are reflected in real time on the canvas, so you can see the result immediately without saving first.