# How to create branded documentation

Adding your brand’s identity to documentation is a great way to make your docs site feel like part of your product. And GitBook has plenty of tools to help you do just that.&#x20;

Here’s how to utilize a few of them to build a docs site that looks great and fits with your brand.

<figure><img src="/files/jOHUwsE2SPDQ49d44f2r" alt=""><figcaption><p>Creating customized docs that match your brand is easy with GitBook.</p></figcaption></figure>

### Set a custom domain for your docs

You can [add a custom domain to your site](/url/gitbook.com/docs/docs-site/custom-domain.md) to make it part of your brand property online.&#x20;

{% stepper %}
{% step %}

### Open site settings

Navigate to your docs site in GitBook, then click **Settings** in the top-right corner.
{% endstep %}

{% step %}

### Add a custom domain

Choose the **Domain and redirects** tab. Here, you’ll see an option to **set up a custom domain**. Click it and it'll start the process.

<figure><img src="/files/dbxDvnTVWcgnRbCr1Ivn" alt=""><figcaption><p>Set up a custom domain.</p></figcaption></figure>
{% endstep %}

{% step %}

### Follow the setup process

The menu will guide you through the setup process — if you need help, [our documentation](/url/gitbook.com/docs/docs-site/custom-domain.md) will walk you through the entire process.
{% endstep %}
{% endstepper %}

### Customize logo, colors, links and more

Set up your documentation to match your brand by [customizing](#customize-logo-colors-links-and-more) colors, uploading a logo, adding links to your site and much more. Here are a few options to try:

#### Add a custom logo

You can add your company logo to your site — it will sit in the top-left of your site, replacing the site title and icon.

To do this, head to your site dashboard and click **Customization** in the top bar. In the **General** tab you’ll see the option to add a custom logo — click the image preview to upload an image for light mode and dark mode.

<figure><img src="/files/ddpNe4Y2MFFpYso8ahUG" alt=""><figcaption><p>You can add custom logos for both light and dark mode, so your docs look great however they’re viewed.</p></figcaption></figure>

#### Set a theme and choose colors

Under the same customization panel, scroll down to the **Themes** section. Here, you’ll find settings for changing your site’s colors to match your brand:

<figure><img src="/files/lnVm4i03UJnUGj2NeEW8" alt=""><figcaption><p>You can set a theme and choose color options from the <strong>Themes</strong> section — including the Custom theme, which offers more control.</p></figcaption></figure>

The first three options let you set a primary color only. Select the **Custom** theme and you’ll also be able to set specific colors for **Header links** and **Header background**, giving you extra control.

Make sure to check your dark mode colors here too, so you can be sure you docs look great in either mode.

#### Change your font and icon style

We have a number of font options you can choose from under the **Styling** section of the **General** tab. Choose from the drop-down.&#x20;

In your GitBook space, you can also [add an icon to each page](/url/gitbook.com/docs/creating-content/content-structure/page.md#add-an-icon-or-emoji-to-your-page) of your documentation, to add some visual flair and signpost to your readers what you page is about. In your site’s **Customization** menu, you can then tweak the icons’ style using the **Icons** menu. You can make them solid, duotone and more — the choice is yours!

<figure><img src="/files/XzMaHl31cb4J0lZFfuhG" alt=""><figcaption><p>Change your font and icon styles in the <strong>Styling</strong> section.</p></figcaption></figure>

#### Add header links and a footer

Want to add some links to other places — such as your product, a sign-up page or an external source? In the **Layout** tab you can add [header links and buttons](/url/gitbook.com/docs/docs-site/customization.md#layout-manage-navigation-options-for-your-content) that will appear at the top of your page, and a footer with a logo, copyright notice and other links, such as a to terms of service page.

You can nest header links if you want to create a drop-down menu in your header, or assign primary and secondary button styling if you want a link to be more prominent.

<figure><img src="/files/bV1xR6ePtZNeo629iayN" alt=""><figcaption><p>In the Layout tab, you can add links and buttons to your header, and create a footer with your company logo, copyright information, and links.</p></figcaption></figure>

***

[**→ Get started with GitBook for free**](https://app.gitbook.com/join)

[**→ Read more about customization in our docs**](/url/gitbook.com/docs/docs-site/customization.md)

[**→ The complete guide to publishing documentation in GitBook**](/url/gitbook.com/docs/guides/editing-and-publishing-documentation/complete-guide-to-publishing-docs-gitbook.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://gitbook-open-v2-preview.gitbook.workers.dev/url/gitbook.com/docs/guides/docs-best-practices/how-to-create-branded-documentation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
