# 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="https://1940848424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLBGJKQic7BQYBXmVSjy0%2Fuploads%2FUqDwUVWrSWZxP1tqPOEp%2FCleanShot%202024-12-12%20at%205%E2%80%AF.42.15%402x.png?alt=media&#x26;token=ceeaf4c8-20c2-4ba7-8542-1de08bdd2375" 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](https://app.gitbook.com/s/NkEGS7hzeqa35sMXQZ4X/publishing-documentation/custom-domain) 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="https://1940848424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLBGJKQic7BQYBXmVSjy0%2Fuploads%2FESXE7g3OwKlvNkDx8cFF%2Fset-custom-domain.jpg?alt=media&#x26;token=a54f0382-3801-4a74-871d-c4beca27208b" 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](https://app.gitbook.com/s/NkEGS7hzeqa35sMXQZ4X/publishing-documentation/custom-domain) 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="https://1940848424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLBGJKQic7BQYBXmVSjy0%2Fuploads%2FmpNPymQYMCZ6SKDEBTLG%2Fsite-logo.jpg?alt=media&#x26;token=52918033-9753-40ad-8813-6589174420e0" 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="https://1940848424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLBGJKQic7BQYBXmVSjy0%2Fuploads%2F4sUNysSLbQSIZb3lrdGB%2Fcustomize-colors.jpg?alt=media&#x26;token=803b96d5-fef7-47fe-9a02-e77e4e73f429" 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](https://app.gitbook.com/s/NkEGS7hzeqa35sMXQZ4X/creating-content/content-structure/page#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="https://1940848424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLBGJKQic7BQYBXmVSjy0%2Fuploads%2F7CFlNpUXv7CyT5MsohEJ%2Fcustomize-styling.jpg?alt=media&#x26;token=34a6c92c-b1c8-4a3b-8086-aa2413847573" 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](https://app.gitbook.com/s/NkEGS7hzeqa35sMXQZ4X/publishing-documentation/customization#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="https://1940848424-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLBGJKQic7BQYBXmVSjy0%2Fuploads%2FUOezObbdgvkGx7UdU8ch%2Fcustomize-header-footer-links.jpg?alt=media&#x26;token=5c1309bd-1c11-45e5-a21d-e9bb3b104402" 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**](https://app.gitbook.com/s/NkEGS7hzeqa35sMXQZ4X/publishing-documentation/customization)

[**→ The complete guide to publishing documentation in GitBook**](https://gitbook-v2-4dzgvme1g-gitbook.vercel.app/url/gitbook.com/docs/guides/editing-and-publishing-documentation/complete-guide-to-publishing-docs-gitbook)
