# Formstep Docs — Branding & Domains

# Branding & Domains overview

Give a form your own look, serve it from your own domain, and send its emails from your own address. What works on every plan and what needs Pro.

## The look of a form

Each form has a theme: colors, fonts, a cover and a logo, in a light and a dark version. Presets work on every plan. Your own colors and fonts need Pro, and so does a workspace theme, which saves your look once for every form in the workspace.

![The Theme tab of the side panel with the Light and Dark switch, the Theme picker, and the typography and color controls](https://formstep.io/docs/images/building-forms/theme-panel.png)

A form's theme, in the Theme tab of the editor.

## Your own domains

On Pro and Business, forms can be served from your own domain and send their emails from your own address. The workspace owner sets both up once, and every member can then use them.

## Pages in this section

- [Appearance & theming](https://formstep.io/docs/branding-domains/appearance-theming/) — Give a form your look with a preset or your own colors and fonts, a cover and a logo, and light and dark mode.

- [Your own domains](https://formstep.io/docs/branding-domains/custom-domains/) — Serve forms from your own domain, such as forms.yourcompany.com, and send their emails from your own address.

# Appearance & theming

Give a form your look with a preset or your own colors and fonts, a cover and a logo, and light and dark mode. Save it as a workspace theme to reuse it on every form.

## Change the theme

In the editor, click **Theme**, the palette icon on the right edge. On a phone, it is in the top bar’s **⋯** menu. The form shows each change as you make it.

The **Light** and **Dark** switch picks which mode you are editing, and each mode has its own theme. Pick a theme in the **Theme** picker, adjust it, and click **Save**.

![The Theme tab of the side panel with the Light and Dark switch, the Theme picker, and the typography and color controls](https://formstep.io/docs/images/building-forms/theme-panel.png)

The Theme tab of the side panel.

## Presets

A preset sets the colors, the font and the corner rounding in one click, and every plan can use them. New forms start on **Formstep default**. Once you change a value by hand, the picker shows **Custom**.

> **Your own theme needs Pro**
>
> Changing colors and fonts yourself needs Pro or Business. After a downgrade, a form keeps its own theme, but you cannot edit it.

## Colors and fonts

Under **Typography**, pick one of eleven fonts, the base text size and the corner rounding of fields and buttons. The colors are grouped by where they show on the form: the page, fields and choices, buttons and errors, and rating stars. Each color changes everything with the same purpose, so **Text** changes all text on the form. Point at a color’s name to see what it controls.

## Cover image and logo

Click **Add Cover** or **Add Logo** above the form. Upload an image (PNG, JPG or WebP up to 5 MB), or pick a color, an Unsplash photo or an icon. Drag a cover up or down to place it.

## Dark mode

A form follows the light or dark setting of the respondent’s device. Without a dark theme of your own, dark mode uses Formstep’s default dark colors, so set up both modes, and check that your logo and button colors work on both. An [embed](https://formstep.io/docs/sharing-publishing/embedding-popups/#color-scheme) can force one mode.

## Workspace themes

A workspace theme saves a look under a name, so every form in the workspace can use it. Change the theme, and every form linked to it changes. Any member can save one on Pro or Business. A theme covers one mode, so keep two for both, such as _Acme Light_ and _Acme Dark_.

1. Style a form in the **Theme** tab, click **Save as workspace theme**, name it, and click **Save theme**. This form is now linked to it.

2. On another form, open **Theme**, pick the theme under **Workspace themes**, and click **Save**. The form shows a **Linked** badge.

When you change a linked form’s theme, Formstep asks whether to save it to the workspace theme, which updates every linked form, or for this form only. Respondents see the new look after you publish each form again. Rename and delete a theme from the **⋯** menu beside it; after a delete, forms keep the look as their own theme.

## Formstep branding

Forms show a small Formstep badge. On Pro and Business, turn off **Show Formstep branding** in **Settings**, **General**.

## Next steps

[Your own domains](https://formstep.io/docs/branding-domains/custom-domains/) — Serve forms and send emails from your domain

[Multilingual forms](https://formstep.io/docs/building-forms/translating-form-content/) — Serve your form in any language

# Your own domains

Serve forms from your own domain, such as forms.yourcompany.com, and send their emails from your own address. Set both up on the Domains page.

This needs the Pro plan or higher. [Compare plans](https://formstep.io/pricing/)

## The Domains page

Click **Domains** in the sidebar. The workspace owner sets domains up there, and every member can then use them. A domain that serves forms and a domain that sends email are set up separately, with different DNS records, even when the name is the same. Both kinds count together toward your plan’s [domain limit](https://formstep.io/docs/subscription-billing/limits-quotas/#plan-limits).

## Serve forms from your domain

1. **Add the domain**

   On the Domains page, click **Add domain** and enter a subdomain, such as forms.yourcompany.com. A root domain like yourcompany.com does not work.

2. **Add a CNAME record**

   At your DNS provider, create the record below. No other records are needed.

3. **Click Check DNS**

   Formstep finds the record and sets up a security certificate. The status changes only when you click **Check DNS**, so if it is still pending, wait a few minutes and click again.

4. **Add your bot protection keys**

   Bot protection on your own domain needs your own Cloudflare Turnstile keys. In the **Bot Protection** card, click **Get keys**, paste the **Site key** and **Secret key**, and click **Save keys**. See [bot protection](https://formstep.io/docs/sharing-publishing/captcha-bot-protection/#custom-domains).

5. **Use the domain**

   When the domain shows **Active**, open a form's **Public link** sheet, pick the domain under **Link**, and type a short address.

| Field | Value |
| - | - |
| Type | CNAME |
| Name | Your subdomain, such as forms |
| Target | form.formstep.io |

If the domain shows **Error**, the record is usually missing or wrong. Fix it and click **Check DNS** again.

### Readable addresses

A share link on your domain gets a readable address, such as `forms.yourcompany.com/feedback` instead of `form.formstep.io/a1b2c3d4`. Use lowercase letters, numbers and hyphens. The link’s formstep.io address keeps working.

### Link previews

Click the sliders icon on the domain card to set the title, description, image and icon shown when a link is shared, and to hide the domain’s forms from search engines. A form’s own [share link preview](https://formstep.io/docs/sharing-publishing/sharing-embedding/#social-preview) takes priority.

### Removing a domain

Deleting a domain moves its share links back to form.formstep.io, and links on your domain stop working. Click the link icon on an active domain first to see which share links use it.

## Send emails from your domain

With an email domain, request invitations, reminders, confirmations, notifications and verification codes come from your own address. Recipients see your domain as the sender, and mail from a domain you verified is less likely to land in spam.

1. **Add the email domain**

   On the Domains page, click **Add email domain** and enter the domain you send from, such as yourcompany.com.

2. **Add three CNAME records**

   Formstep shows three records. Copy each name and value to your DNS provider exactly as shown.

3. **Click Check DNS**

   When all three records are found, the domain shows **Verified**. If not, wait a few minutes and click again.

4. **Pick it in each form**

   In the form, open **Settings**, **Emails**, and pick the domain under **Custom domain**. Emails then come from noreply\@yourcompany.com.

> **If verification fails**
>
> Some DNS providers add your domain to the record name on their own. Check that each record looks exactly as Formstep shows it.

If you remove an email domain, its forms send from <noreply@formstep.io> again.

## If your plan ends

Your domains keep working for a while, and the emails you get name the date they stop. See [what ends on its own schedule](https://formstep.io/docs/subscription-billing/upgrading-downgrading/#what-gets-deleted).

## Next steps

[Appearance & theming](https://formstep.io/docs/branding-domains/appearance-theming/) — Colors, fonts, cover and logo

[Respondent notifications](https://formstep.io/docs/submissions-analytics/self-notifications/#respondent-confirmation) — Confirmations sent from your domain