> ## Documentation Index
> Fetch the complete documentation index at: https://fillout.com/help/llms.txt
> Use this file to discover all available pages before exploring further.

# Styling & Branding

> Style your form with customizable themes, multimedia elements like images or GIFs and custom fonts. Establish a coherent brand identity by adding your logo, using a custom domains, matching your brand's colors and more.

<Frame>
  <iframe width="100%" height="420" src="https://www.youtube.com/embed/XDvfwbFE3zI" title="How to customize your form, survey, or quiz" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
</Frame>

## Design

<CardGroup cols={2}>
  <Card title="Themes" icon="palette" iconType="regular" color="#FFC738" href="/themes">
    Select from hundreds of customizable themes or create your own.
  </Card>

  <Card title="Change fonts" icon="font-case" iconType="regular" color="#FFC738" href="/form-fonts">
    Choose from thousands of available Google fonts or upload your own.
  </Card>

  <Card title="Page layout" icon="rectangles-mixed" iconType="regular" color="#FFC738" href="/layout">
    Customize the position of headings, questions, and background image.
  </Card>

  <Card title="Create multi-column forms" icon="table-columns" iconType="regular" color="#FFC738" href="/multi-column-forms">
    Display questions in your form pages side by side.
  </Card>

  <Card title="Add images or GIFs" icon="image" iconType="regular" color="#FFC738" href="/image-gif">
    Use images, GIFs, multiple picture choices or a combination of these.
  </Card>

  <Card title="Add a logo" icon="airbnb" iconType="regular" color="#FFC738" href="/logo">
    Add a professional touch and create strong brand identity.
  </Card>

  <Card title="Add headings" icon="heading" iconType="regular" color="#FFC738" href="/heading">
    Create a well-structured and user-friendly experience.
  </Card>

  <Card title="Progress bar" icon="bars-progress" iconType="regular" color="#FFC738" href="/progress-bar">
    Customize the default progress bar that shows up on respondents' end.
  </Card>

  <Card title="Disable the confetti effect" icon="party-horn" iconType="regular" color="#FFC738" href="/confetti">
    Remove the default confetti effect seen by respondents on the ending page.
  </Card>

  <Card title="Advanced designer" icon="paintbrush-pencil" iconType="regular" color="#FFC738" href="/advanced-designer">
    Add a custom CSS, edit the look of your buttons, and use more styling options.
  </Card>
</CardGroup>

## Branding

<CardGroup cols={2}>
  <Card title="Use custom domains" icon="globe" iconType="regular" color="#FFC738" href="/custom-domains">
    Host at [forms.yourcompany.com](http://forms.yourcompany.com) or \<anything>.[yourcompany.com](http://yourcompany.com).
  </Card>

  <Card title="Custom form links and share preview" icon="message-image" iconType="regular" color="#FFC738" href="/custom-link">
    Customize your form's share link, subdomain and URL ending.
  </Card>

  <Card title="Remove Fillout branding" icon="delete-right" iconType="regular" color="#FFC738" href="/remove-fillout-branding">
    Remove Fillout buttons on your ending pages or all pages.
  </Card>

  <Card title="Custom favicon" icon="icons" iconType="regular" color="#FFC738" href="/favicon">
    Add your logo or icon to a browser tab and in shareable Fillout link previews.
  </Card>

  <Card title="Default theme" icon="swatchbook" iconType="regular" color="#FFC738" href="/default-theme">
    Use a default theme for all new forms in your organization.
  </Card>
</CardGroup>

## Templates

<CardGroup cols={2}>
  <Card title="Form templates" icon="file-image" iconType="regular" color="#FFC738" href="/form-templates">
    Choose from over hundreds of customizable templates.
  </Card>

  <Card title="Create your own form template" icon="images" iconType="regular" color="#FFC738" href="/make-a-form-template">
    Turn your Fillout forms into templates, and share them with anyone.
  </Card>
</CardGroup>

## Styling tips for a strong brand identity

**Choose an appropriate color scheme**

When selecting colors for your form, make sure they match your organization's brand and are easy on the eyes. You can choose from a variety of color schemes in our form builder, or create your own.

**Add your logo**

Adding your logo to your form is a great way to reinforce your branding. You can upload your logo to our form builder and easily add it to your form.

**Customize your font**

Customizing your fonts can also help amplify your brand. You can choose from a variety of fonts in our library, or upload your own custom font.

**Use custom URLs**

Our form builder allows you to use your domain in your form links. You can either use a domain or subdomain.