Your forms, in your colours — from a single logo
The branding screen pulls a palette out of your logo, spreads it across seven colour roles, and lets you preview both light and dark before anything ships. Try the extraction step below — no account needed — then read exactly what happens inside the app.
The logo step, in miniature
Upload any logo — this runs the same client-side colour extraction the app uses, then re-themes a sample form. Nothing is uploaded; it all happens in your browser.
Or set colors manually in the app →Full name
Email address
Two ways to brand a form
The branding screen has a single toggle between these. They write to the same seven colour roles, so you can start with one and switch to the other.
Custom Palette
Pull colours from your logo, then place them across seven colour roles — or type hex values in directly. This is the mode that fully white-labels a form as your own.
Industry Presets
One tap applies a curated seven-colour theme built for a sector (finance, healthcare, legal, and more). A fast starting point you can then fine-tune in Custom Palette.
What happens when you brand a form
The Custom Palette flow, step by step — logo in, deployed theme out, no CSS anywhere.
- 1
Add your logo — URL or file
Paste a logo URL (https://yourcompany.com/logo.png) and hit “Extract Brand Colours”, or upload an image file. Extraction runs in your browser.
- 2
The app reads a palette from the image
It pulls up to seven distinct swatches from the logo — vibrant, muted, and light/dark variants — and shows them as a strip you can pick from.
- 3
Colours land in seven roles
Each swatch is assigned to a role automatically (vibrant → primary, muted → secondary, light tones → background, dark tones → text), with sensible fallbacks if the logo is monochrome. Tap any swatch to move it, or type a hex value.
- 4
Preview it — light and dark
A live preview panel updates on every change and has a light/dark toggle, so you check both themes before anything ships.
- 5
Deploy when it looks right
Nothing is live until you hit Deploy. Your logo and palette save to your account, and every published form — plus your dashboard — picks them up. Reset returns to defaults anytime.
The seven colour roles
Branding is not one accent colour — it is these seven roles, in three groups. Logo extraction fills them in; you adjust any of them by hex or picker, and the live preview shows the result on real form elements.
| Group | Role | What it drives | Default |
|---|---|---|---|
| Brand | Primary | Buttons, navigation, key UI elements | #313841 |
| Brand | Secondary | Badges, highlights, accent marks | #EA9216 |
| Brand | Accent / Warning | Alerts, warnings, status indicators | #F2B562 |
| Surface | Background | Page & scaffold background colour | #EEEEEE |
| Surface | On-Background | Icons & borders on background surfaces | #3A4750 |
| Content | Text | Primary reading text across all surfaces | #3A4750 |
| Content | Error | Destructive actions & validation failures | #F40F0F |
Free to try, one step to deploy
Open the branding screen on any plan and use every control — logo extraction, all seven roles, the light/dark preview. The gate is only on Deploy:
- • Industry Preset — deploying a curated preset is included from the Professional plan and up.
- • Custom Branding — your own logo and colours, fully white-labelled, uses the dedicated Branding add-on you subscribe to in Plans.
Frequently asked questions
Is my logo uploaded to your servers when I preview it? ▾
No. Colour extraction and the live preview run entirely in your browser. Your logo and palette are only saved to your account when you deploy the branding, so that published forms can render them.
Can I set colours by hex code instead of extracting from a logo? ▾
Yes. Every one of the seven colour roles accepts a hex value typed directly, or a colour picked from a picker. Logo extraction just pre-fills those roles for you.
What is the difference between an Industry Preset and Custom Branding? ▾
An Industry Preset is a curated seven-colour theme applied in one tap. Custom Branding is your own logo and your own colours, fully white-labelled. Deploying a preset is included from the Professional plan up; deploying custom branding uses the dedicated Branding add-on.
Do I need a paid plan to try branding? ▾
No. You can open the branding screen on any plan and use every control — logo extraction, all seven colour roles, the light/dark preview. The plan or add-on only applies when you deploy.
Does branding apply to forms embedded on my website? ▾
Yes. An embedded form is the same published form in an iframe, so it renders with whatever branding you have deployed.
Start from a preset, then make it yours
Every industry preset writes to the same seven roles, so you can apply one and fine-tune from there.