Form Styling & Branding¶

Customise the look and feel of your forms to match your brand. Branding features are available on the Pro plan and above.

Themes¶

Drift includes six built-in themes:

Theme	Description
Default	Clean, modern look with the Drift water palette
Minimal	Stripped-back design with subtle borders
Bold	Strong colours and prominent elements
Dark	Dark background with light text
Ocean	Blue-green tones inspired by the sea
Sunset	Warm gradient tones

Select a theme in the form builder under Settings → Branding.

Custom Colours¶

Override theme colours with your own brand palette:

Primary Colour — headings, buttons, and key elements
Accent Colour — highlights, focus states, and interactive elements
Background Colour — the form background

Use any hex colour value.

Typography¶

Choose from five font families:

Font	Style
Default	System font stack (clean, fast-loading)
Serif	Classic serif typeface
Mono	Monospace / code-style
Rounded	Soft, friendly rounded font
Elegant	Refined, sophisticated typeface

Logo & Cover Image¶

Logo — upload your logo to display at the top of the form
Cover Image — add a banner image above the form content

Both appear on the public form page and adapt to mobile screens.

Form Styling Options¶

Fine-tune the form's visual details:

Border Radius¶

Controls the roundness of inputs, buttons, and cards:

None — sharp corners
Small — slightly rounded
Medium — moderately rounded (default)
Large — fully rounded / pill-shaped

Button Style¶

How the submit button appears:

Filled — solid background colour (default)
Outlined — transparent with a border
Ghost — no background or border, text only

Button Animation¶

Add a subtle animation to the submit button:

None — static button
Pulse — gentle pulsing effect
Glow — soft glow around the button
Shine — a light sweep across the button

Background Effect¶

Add visual interest to the form background:

None — solid colour
Gradient — subtle gradient effect
Subtle Pattern — light textured background

Form Shadow¶

Control the card shadow around the form:

None — flat, no shadow
Soft — subtle shadow
Elevated — prominent shadow for a floating appearance

By default, forms display a small "Powered by Drift" footer. On Pro plans and above, you can hide this footer in the branding settings.

Branding Preview¶

All styling changes are reflected in real-time in the builder's preview. Use the Preview button to see the full form experience with your branding applied.

Tips¶

Consistency — use your brand's primary colour as the form's primary colour for a cohesive feel
Contrast — ensure text is readable against your background colour
Mobile — check how your branding looks on mobile by resizing your preview window
Logo size — logos are automatically scaled; square or horizontal logos work best