Build
Design and themes
Theme presets, colours, fonts, input styles, page backgrounds and custom CSS for hosted forms.
Open the Design panel in the builder. Start from a preset, then adjust anything: the result is saved with the form and applied to the hosted page, embeds and the builder preview alike.
Presets
Twenty-one presets ship today. Each sets the colours, font, input style, radius, density and page background in one click; everything stays editable afterwards. The templates page shows every one on a real form.
What you can change
| Setting | Options |
|---|---|
| Colours | Primary, background, text. Dark backgrounds switch the whole form to a dark palette. |
| Font | Eighteen families: Inter, DM Sans, Manrope, Outfit, Sora, Nunito, Syne, Josefin Sans, Space Grotesk, Bricolage Grotesque, Lora, Playfair Display, Fraunces, Crimson Pro, Instrument Serif, IBM Plex Mono, JetBrains Mono and the system font. Loaded only on the hosted page. |
| Inputs | Outlined, filled or underline. Radius from square to pill. Compact, medium or relaxed density. |
| Labels | Default, small caps or bold. |
| Button | Text, full width or inline, alignment. |
| Page | Solid colour or gradient background, card on or off, card shadow, maximum width. |
| Brand | Logo at the top, optional cover image, powered by badge. |
Custom CSS
Paste CSS into Design → Custom CSS (up to 5,000 characters). It is scoped to the form: every selector is prefixed with .pvf-form, and @import, url() and @font-face are removed, so it cannot load outside resources or restyle the page around the form. Useful selectors:
.pvf-card { /* the form container */ }
.pvf-head { /* title and description */ }
.pvf-label { /* field labels */ }
.pvf-input { /* inputs, selects, textareas */ }
.pvf-btn { /* submit and continue buttons */ }
.pvf-error { /* validation messages */ }Something missing or wrong? Email us and we will fix it.