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

# Make your funnel match your brand: colors, text, logo and images

> Set your colors, text styles, logo and images so your funnel looks like your business.

Make your funnel look like your business, so visitors recognize you and trust the page. In AskFunnel you style a funnel piece by piece: the colors and size of each text, the color of each block and button, a header with your logo, and your own images. This page shows where each control is and what the limits are.

With these controls, you can:

* **Style your text.** Choose the size, make it bold, italic or underlined, and pick its color.
* **Color your blocks and buttons.** Set a font color and a background color, or a gradient, for each block.
* **Add your logo.** A header holds your logo, and optionally a button.
* **Use your own images.** Upload pictures, or pick from free photos and icons. See [Add images, video, icons and emojis](/funnels/images-video-icons).

**Before you start**, you need:

* A funnel open in the builder. See [Launch your first funnel](/getting-started/launch-your-first-funnel).
* A role that can edit funnels: Global Admin, Workspace Admin or Content Editor.
* Your logo and images as picture files. The upload window shows the file types and size it accepts.
* Your brand colors as hex codes (a color written like #155DFC). Your designer or your website's settings can tell you.

## Important to note

<Warning>
  * Design settings belong to each block. There is no global theme or brand kit, so a brand color has to be set on each block that should use it.
  * You cannot choose a custom font. Funnels use a clean standard font from the visitor's own device.
  * A new header starts with the AskFunnel logo as a placeholder. Replace it with your own logo before you publish.
  * Your changes only go live when you click **"Publish Funnel"**.
</Warning>

## Style your funnel

<Steps>
  <Step title="Style your text">
    Click a headline or any text on the canvas. A small toolbar appears above it. From left to right it has:

    * **AI Edit:** rewrite, spell check or simplify the text, or tell AI what to change. It does not use AI credits.
    * **Text size:** choose **Small**, **Medium**, **Large** or **Extra Large**, which are 16, 20, 24 and 30 pixels. **More Sizes** has other sizes, up to 64 pixels.
    * **Bold**, **Italic** and **Underline:** select words first to change only those words.
    * **Text color:** pick a color for the selected words, or for the whole text if nothing is selected.
    * **Alignment:** click the alignment icon to switch between left, center and right.
    * **Text case:** **Normal**, **UPPERCASE**, **lowercase** or **Capitalize**, on the text blocks that offer it.
    * **Link:** turn the selected words into a link.
    * **Personalize:** add a field such as the visitor's name, which AskFunnel fills in for each visitor.

    The left panel also has the size buttons **S**, **M**, **L** and **XL**, and a **...** button for more sizes.

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/brand-your-funnel/text-toolbar.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=414cf53b1fde60c0d7dbf9c851e174d8" alt="The text toolbar above a selected headline, with the text size list and the Text color swatch highlighted" width="1470" height="430" data-path="images/funnels/brand-your-funnel/text-toolbar.png" />
  </Step>

  <Step title="Set the colors of a block or a button">
    1. Click a block, for example a section or a button. The left panel opens.
    2. Open the **Color** section. **F** is the font color and **B** is the background color. A button shows **Button color** instead.
    3. Click a swatch. Choose a tab: **Recent** for colors you used before in this funnel, **Solid** for one color, or **Gradient** for a blend. Some blocks, such as a column, also have **Image** for a background picture.
    4. On **Solid**, drag in the color area, or type your hex code in the box under it, for example #155DFC.
    5. To remove a color, click the crossed circle (**Clear color**) in the top right of the picker.

    <Tip>
      Use the **Recent** tab to reuse your brand colors on every block. Choose two or three colors and stick to them. Dark text on a light background is easiest to read, especially on phones.
    </Tip>

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/brand-your-funnel/color-picker.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=3e18696b73012df57c5d3c64610be5dc" alt="The Color section of a selected block with the F and B swatches, and the color picker open on the Solid tab with a hex code typed in, highlighted" width="1470" height="1300" loading="lazy" data-path="images/funnels/brand-your-funnel/color-picker.png" />
  </Step>

  <Step title="Add a header with your logo">
    1. Above the canvas, click **"Add header"**. A header bar with a logo appears at the top of your pages.
    2. Click the logo. In the left panel, under **Logo**, choose a size: **S**, **M**, **L** or **XL**.
    3. Click the logo picture under the sizes (**Change logo**). The window has two tabs. **Logos** finds a logo from a brand name or a website address. To use your own file, open **Upload**, then choose your file or drag it in. The window shows the file types and size it accepts.
    4. Click the header bar. Use the icons in the left panel to align the logo left, center or right, or pick the **Logo and button** layout to add a button on the right.
    5. Switch on **Fixed header** (the pin icon) to keep the header at the top while people scroll, and **Frosted glass header** for a see-through blurred bar. Point at an icon to see its name.

    The header shows on every page of your funnel. To remove it, click the small trash icon on the **Header** row at the top of the page list on the left, then click **"Remove"** to confirm. You can also select the header and click the trash icon next to it.

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/brand-your-funnel/header-logo.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=bca4e5b7e0adc8997073eacf4ea5bde3" alt="The Logo section of the left panel with the size buttons S, M, L and XL and the logo picture, highlighted" width="1470" height="840" loading="lazy" data-path="images/funnels/brand-your-funnel/header-logo.png" />

    <img src="https://mintcdn.com/askfunnel/eJkZXxmpRrHIP4EK/images/funnels/brand-your-funnel/header-style.png?fit=max&auto=format&n=eJkZXxmpRrHIP4EK&q=85&s=825267c9aa7a659c5368ab195a21c381" alt="The left panel of a selected header with the layout icons and the Fixed header and Frosted glass header icons, highlighted, and Fixed header switched on" width="1470" height="610" loading="lazy" data-path="images/funnels/brand-your-funnel/header-style.png" />
  </Step>

  <Step title="Use your own images">
    Click an image on the canvas, then use the **Change** control in the left panel. Pick a tab:

    * **Upload** for your own picture. The window shows the file types and size it accepts.
    * **Image** to search free photos.
    * **My gallery** for pictures you uploaded before.
    * **Icon** or **Emoji** for a simple symbol.
    * **AI** to create a picture from a description. Each AI image uses 4 AI credits. See [How AI credits work](/billing/ai-credits).
  </Step>

  <Step title="Check your footer and publish">
    Scroll to the bottom of a page and click the footer. The **Branding** row can hide the **Made with AskFunnel** line on the Growth plan and above (see [Remove the Made with AskFunnel branding](/funnel-settings/remove-branding)). Your legal links are here too. See [Set up your privacy policy, terms links and consent](/funnel-settings/privacy-policy-and-terms).

    Use the device icon at the right of the canvas to switch between **Desktop**, **Tablet** and **Mobile** and check each view. Then click **"Publish Funnel"**.
  </Step>
</Steps>

## How do I know it is working?

* In the builder, the canvas shows your colors, text and logo.
* After you publish, open your live funnel in a private window on your computer and on your phone. See [Find and share your funnel link](/funnels/share-your-funnel).
* Your logo is sharp, not stretched, and your text is easy to read on a phone.

## Troubleshooting

<AccordionGroup>
  <Accordion title="I want a different font">
    Custom fonts are not available. Funnels use a standard font from the visitor's own device. Use text size, bold and color to give your headlines their own look.
  </Accordion>

  <Accordion title="I want one place to change my brand color for the whole funnel">
    There is no global theme. Change the color on each block or page. Use the **Recent** tab in the color picker to pick the same color quickly each time.
  </Accordion>

  <Accordion title="My logo will not upload">
    The upload window only accepts the file types and size it shows. If your file does not fit, the window tells you with a message. Export your logo again as a PNG or JPG, make the file smaller if you need to, and try again.
  </Accordion>

  <Accordion title="I still see the AskFunnel logo in my header">
    The header starts with a placeholder logo. Click the logo, then click **Change logo** in the left panel and upload your own.
  </Accordion>

  <Accordion title="The Branding switch is grayed out">
    Hiding **Made with AskFunnel** is available on the Growth plan and above. Point at the switch to see **Available on Growth plans and above**. See [Choose the right plan](/billing/choose-a-plan).
  </Accordion>

  <Accordion title="My live funnel still has the old look">
    Your changes only go live when you publish. Click **"Publish Funnel"**, wait a minute and refresh the live page.
  </Accordion>
</AccordionGroup>

## What to do next

<Columns cols={2}>
  <Card title="Add and arrange blocks" icon="table-cells-large" href="/funnels/layout-blocks">
    Build your pages from blocks and sections.
  </Card>

  <Card title="Set your social preview and favicon" icon="image" href="/funnel-settings/social-preview-and-favicon">
    Choose the picture and title people see when they share your link.
  </Card>

  <Card title="Connect your custom domain" icon="globe" href="/funnel-settings/custom-domain">
    Put your funnel on your own web address.
  </Card>

  <Card title="Create a funnel with AI" icon="wand-magic-sparkles" href="/funnels/create-funnel-with-ai">
    Start from a draft that AI writes for you.
  </Card>
</Columns>

Need help? Email [support@askfunnel.com](mailto:support@askfunnel.com).
