Design & Styling
Funnelforms 4 (SaaS) · 6 articles
- Style editor overviewThe style editor is the area inside the form editor where you define the visual appearance of a form – colours, fonts, spacing, borders and backgrounds. This article walks you through the layout of the interface, how the tabs work together, and what to watch out for when saving and switching…
- Backgrounds, borders & spacingThree Style Editor tabs control the visual scaffolding of your form: Backgrounds, Borders and Elements. They reshape the rendered form layout and the preview reflects every change in real time.
- Colors & Theme in the Style EditorThe Colors tab in the style editor is the central lever to match a form to your brand – from primary and button colours to text, borders and shadows. This article shows which colours can be configured, how the colour picker works and how themes give you a quick start.
- Dark mode in the form previewDark mode is a dark appearance of the Funnelforms editor interface. It is easier on the eyes in low-light environments and only changes how the editor looks for you – not the form delivered to your visitors. This article shows how to enable dark mode, how the form preview behaves and how to design…
- Typography & custom fontsThe Typography tab of the Style Editor controls which fonts your forms render with and how big those fonts appear on desktop and mobile separately. Every change is applied live in the preview and persisted on the next save.
- Using style templatesStyle templates are saved design configurations you can apply to any form. They save time, keep brand designs consistent and can be extended flexibly per account. This article explains the two template types, how to save, apply and delete them, and the most common pitfalls.