Branding & Themes

FormMaster.io lets users personalize the appearance of their forms to match their brand style or creative preferences using a powerful built-in branding system.

Written By SyncroEdge

Last updated 4 months ago

🧭 Accessing the Branding Panel

  • In the Playground, you’ll find a “Branding” 🖌️ button in the bottom dock.

  • Clicking this button opens the branding sidebar with options for themes and custom styling.

🗂️ Theme Tabs: My Themes, All Themes, and Custom

When the Branding panel opens, users will see three tabs:

  1. My Themes

    • Displays themes created or saved by the current user.

    • Users can edit, preview, or re-apply these themes to new forms.

  2. All Themes

    • Includes system-defined default themes and featured presets.

    • Great for quickly getting started with clean or expressive styles.

  3. Custom

    • Full manual customisation of fonts, colours, spacing, and logos.

    • Allows creating a form design from scratch or modifying an existing one.

🖍️ Customisation Options

Within the Custom tab, users can modify:

📐 Font Settings

  • Font Family: Choose from system or Google Fonts.

  • Font Sizes: Options include Small, Medium, and Large for text elements.

🎨 Colour Styling

  • Primary Colour: Controls key elements like buttons and highlights.

  • Question Text Colour: Affects question labels and titles.

  • Answer Text Colour: Used for user input fields.

  • Button Colour: Main action button colour.

  • Button Text Colour: Text inside buttons.

  • Background Color: Form background or container base.

🔳 Corner Radius

  • Adjust how rounded or sharp the form elements look (inputs, buttons, blocks).

  • Can be used to achieve soft, rounded, or sharp UI styles.

🖼️ Backgrounds

  • Upload a background image or video for full-screen or inline display.

  • Ideal for landing pages or branded lead-gen forms.

🏷️ Logos

  • Upload and position a logo for the form.

  • Shown at the top of the form or in floating mode.

💾 Saving & Applying Themes

  • After customising a theme, users can either:

    • Apply it directly to the current form (temporary).

    • Or save it as a reusable preset under My Themes.

This makes it easy to maintain brand consistency across projects or forms.

✅ Summary Table

Feature

Options Available

Font Style

Family + Size (Small, Medium, Large)

Colors

Primary, Question, Answer, Button, BG

Corner Radius

Sharp, Soft, Rounded

Background Media

Image or Video Upload

Logo Support

Upload & Place Anywhere in Form

Theme Management

My Themes, All Themes, Custom

Save + Reuse

Save themes for later use

📌 Quick Tip:

Branding is live-preview enabled — you can see changes instantly on the canvas. Use this to experiment before applying or saving the final design.