> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.messageblue.ai/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.messageblue.ai/_mcp/server.

# Customize your docs

The `docs.yml` file configures your whole documentation site, from navigation to visual styling. Customization covers the colors, logos, fonts, and layout that give your docs their look and feel. These settings that apply across every page so your branding stays consistent.

## Quick example

Here's a minimal example showing common customization options in `docs.yml`:

```yaml title="docs.yml"
title: Your Documentation

colors:
  accentPrimary:
    dark: "#81C784"
    light: "#1B5E20"

logo:
  dark: docs/assets/logo-dark.svg
  light: docs/assets/logo-light.svg

favicon: docs/assets/favicon.svg
```

## Complete customization options

Explore the customization options below and click through to the Fern documentation for detailed configuration guides.

#### [Colors](https://buildwithfern.com/learn/docs/configuration/site-level-settings#colors-configuration)

Set brand colors for light and dark modes

#### [Logo and favicon](https://buildwithfern.com/learn/docs/configuration/site-level-settings#logo-configuration)

Add your logo and favicon

#### [Typography](https://buildwithfern.com/learn/docs/configuration/site-level-settings#typography-configuration)

Customize fonts for headings and body text

#### [Layout](https://buildwithfern.com/learn/docs/configuration/site-level-settings#layout-configuration)

Configure page width, tabs placement, and more

#### [Navbar links](https://buildwithfern.com/learn/docs/configuration/site-level-settings#navbar-links-configuration)

Add links and buttons to your navigation bar

#### [Custom CSS](https://buildwithfern.com/learn/docs/customization/custom-css-js)

Advanced styling with custom CSS and JavaScript